四种参数传递的形式——URL,超链接,js,form表单


Posted in Javascript onJuly 24, 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 相关文章推荐
Javascript 网页黑白效果实现代码(兼容IE/FF等)
Apr 23 Javascript
jQuery 1.7.2中getAll方法的疑惑分析
May 23 Javascript
javascript 数字格式化输出的实现代码
Dec 10 Javascript
js解决弹窗问题实现班级跳转DIV示例
Jan 06 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
JavaScript实现的背景自动变色代码
Oct 17 Javascript
Javascript字符串拼接小技巧(推荐)
Jun 02 Javascript
浅谈vue中慎用style的scoped属性
Nov 28 Javascript
angular.js实现列表orderby排序的方法
Oct 02 Javascript
微信小程序实现星星评价效果
Nov 02 Javascript
微信小程序实现吸顶效果
Jan 08 Javascript
react antd实现动态增减表单
Jun 03 Javascript
基于JS实现的倒计时程序实例
Jul 24 #Javascript
可以浮动某个物体的jquery控件用法实例
Jul 24 #Javascript
javascript比较两个日期相差天数的方法
Jul 24 #Javascript
JAVA四种基本排序方法实例总结
Jul 24 #Javascript
轻量级javascript 框架Backbone使用指南
Jul 24 #Javascript
node.js操作mysql(增删改查)
Jul 24 #Javascript
浅谈javascript获取元素transform参数
Jul 24 #Javascript
You might like
虹吸壶煮咖啡26个注意事项
2021/03/03 冲泡冲煮
PHP处理JSON字符串key缺少双引号的解决方法
2014/09/16 PHP
codeigniter实现get分页的方法
2015/07/10 PHP
Symfony2针对输入时间进行查询的方法分析
2017/06/28 PHP
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
2008/11/06 Javascript
JavaScript 组件之旅(四):测试 JavaScript 组件
2009/10/28 Javascript
Jquery Change与bind事件代码
2011/09/29 Javascript
jQuery图片播放8款精美插件分享
2013/02/17 Javascript
JS跨域解决方案之使用CORS实现跨域
2016/04/14 Javascript
过期软件破解办法实例详解
2017/01/04 Javascript
jQuery操作css样式
2017/05/15 jQuery
EasyUI的DataGrid绑定Json数据源的示例代码
2017/12/16 Javascript
vue2.0 实现页面导航提示引导的方法
2018/03/13 Javascript
jQuery实现的点击按钮改变样式功能示例
2018/07/21 jQuery
vue、react等单页面项目部署到服务器的方法及vue和react的区别
2018/09/29 Javascript
原生js代码能实现call和bind吗
2019/07/31 Javascript
使用vscode快速建立vue模板过程详解
2019/10/10 Javascript
js中Function引用类型常见有用的方法和属性详解
2019/12/11 Javascript
python笔记(1) 关于我们应不应该继续学习python
2012/10/24 Python
Python中使用Beautiful Soup库的超详细教程
2015/04/30 Python
win系统下为Python3.5安装flask-mongoengine 库
2016/12/20 Python
python通过zabbix api获取主机
2018/09/17 Python
解决PyCharm控制台输出乱码的问题
2019/01/16 Python
Python设计模式之建造者模式实例详解
2019/01/17 Python
Python中常用的8种字符串操作方法
2019/05/06 Python
Django models.py应用实现过程详解
2019/07/29 Python
Python 使用type来定义类的实现
2019/11/19 Python
python3+opencv生成不规则黑白mask实例
2020/02/19 Python
Python根据字符串调用函数过程解析
2020/11/05 Python
HTML5混合开发二维码扫描以及调用本地摄像头
2017/12/27 HTML / CSS
幼儿园开学家长寄语
2014/01/19 职场文书
外联部演讲稿
2014/05/24 职场文书
Pytorch 中net.train 和 net.eval的使用说明
2021/05/22 Python
自动在Windows中运行Python脚本并定时触发功能实现
2021/09/04 Python
浅析CSS在DevTools 中架构演变
2021/10/05 HTML / CSS
SQL Server中T-SQL标识符介绍与无排序生成序号的方法
2022/05/25 SQL Server