详解参数传递四种形式


Posted in Javascript onJuly 21, 2015

这篇文章是在日常的工作中总结出来的,下面把四种参数传递的形式展示给大家。

什么时候用GET,  查,删,

什么时候用POST,增,改  (特列:登陆用Post,因为不能让用户名和密码显示在URL上)

4种get传参方式

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
 <title></title> 
 <script type="text/javascript"> 
  function Go() { 
   window.location.href="localhost:21811/Handler1.ashx?id=1&name='abc'" 
  } 
 </script> 
</head> 
<body>

  
   <!--//参数传递的几种形式--> 

    <!--第一种:直接在URL后面加参数:--> 

localhost:21811/Handler1.ashx?id=1&name="abc" 

    <!--第二种:用超链接的方法传递参数:当点击超链接的时候,首先会跳转到localhost:21811/Handler1.ashx页面,然后还会传递id 和name 两个参数过去--> 

    <a href="localhost:21811/Handler1.ashx?id=1&name='abc'">超链接传递参数</a></body>  
    <!--第三种:通过js方法传递:用户点击这个button按钮,触发onClick事件,执行Go()方法,跳转到localhost:21811/Handler1.ashx页面,同时传递了id,和name两个参数过去--> 
    <input type="button" onclick="Go()" value="通过js方法传递参数" />  
    <!--第四种:通过form表单传递--> 
   

<form action="Handler1.ashx" method="get"><!--注意action里面的连接不能带参数的-->> 
  <input type="text" name="id" value="3" /> 
  <input type="text" name="name" value="abc" /> 
  <input type="submit" value="通过传递参数" /> 
 </form> 
</body> 
</html>

通过以上代码的介绍,相信大家都会喜欢的。

Javascript 相关文章推荐
JQury slideToggle闪烁问题及解决办法
Jul 05 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
Jul 15 Javascript
jQuery延迟加载图片插件Lazy Load使用指南
Mar 25 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
Sep 09 Javascript
基于jquery实现的仿优酷图片轮播特效代码
Jan 13 Javascript
JavaScript基础知识点归纳(推荐)
Jul 09 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
Apr 25 Javascript
ES6学习教程之模板字符串详解
Oct 09 Javascript
jQuery实现高级检索功能
May 28 jQuery
微信小程序页面上下滚动效果
Nov 18 Javascript
vue-router之解决addRoutes使用遇到的坑
Jul 19 Javascript
Vue自定义铃声提示音组件的实现
Jan 22 Vue.js
jquery实现Ctrl+Enter提交表单的方法
Jul 21 #Javascript
jQuery实现html元素拖拽
Jul 21 #Javascript
异步安全加载javascript文件的方法
Jul 21 #Javascript
jquery实现鼠标滑过小图查看大图的方法
Jul 20 #Javascript
详细介绍jQuery.outerWidth() 函数具体用法
Jul 20 #Javascript
SWFObject基本用法实例分析
Jul 20 #Javascript
jQuery.prop() 使用详解
Jul 19 #Javascript
You might like
php通过array_merge()函数合并两个数组的方法
2015/03/18 PHP
浅谈php的优缺点
2015/07/14 PHP
laravel5.1框架model类查询的实现方法
2019/10/08 PHP
精心挑选的15个jQuery下拉菜单制作教程
2012/06/15 Javascript
javascript学习笔记(六) Date 日期类型
2012/06/19 Javascript
ajax处理php返回json数据的实例代码
2013/01/24 Javascript
THREE.JS入门教程(6)创建自己的全景图实现步骤
2013/01/25 Javascript
js绑定事件this指向发生改变的问题解决方法
2013/04/23 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
2015/08/04 Javascript
js代码实现无缝滚动(文字和图片)
2015/08/20 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
2016/01/14 Javascript
早该知道的7个JavaScript技巧
2016/06/21 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
JS正则匹配中文的方法示例
2017/01/06 Javascript
React 组件转 Vue 组件的命令写法
2018/02/28 Javascript
Vue项目实现简单的权限控制管理功能
2019/07/17 Javascript
Vue中jsx不完全应用指南小结
2019/11/01 Javascript
[01:04]DOTA2:伟大的Roshan雕塑震撼来临
2015/01/30 DOTA
[25:59]Newbee vs TNC 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[01:02:47]EG vs Secret 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
浅谈Python生成器generator之next和send的运行流程(详解)
2017/05/08 Python
pandas将DataFrame的列变成行索引的方法
2018/04/10 Python
django认证系统实现自定义权限管理的方法
2018/07/16 Python
利用Django模版生成树状结构实例代码
2019/05/19 Python
Pycharm+django2.2+python3.6+MySQL实现简单的考试报名系统
2019/09/05 Python
如何安装2019Pycharm最新版本(详细教程)
2019/09/26 Python
TensorFlow MNIST手写数据集的实现方法
2020/02/05 Python
Python实现ATM系统
2020/02/17 Python
如何使用python传入不确定个数参数
2020/02/18 Python
让IE6、IE7、IE8支持CSS3的脚本
2010/07/20 HTML / CSS
业务经理的岗位职责
2013/11/16 职场文书
党建示范点实施方案
2014/03/12 职场文书
2014年领导班子专项整治整改方案
2014/09/28 职场文书
健康教育主题班会
2015/08/14 职场文书
《别在吃苦的年纪选择安逸》读后感3篇
2019/11/30 职场文书
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python