四种参数传递的形式——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 相关文章推荐
jQuery.query.js 取参数的两点问题分析
Aug 06 Javascript
js去除重复字符串两种实现方法
Jan 09 Javascript
js定时调用方法成功后并停止调用示例
Apr 08 Javascript
javascript制作照片墙及制作过程中出现的问题
Apr 04 Javascript
第六章之辅组类与响应式工具
Apr 25 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
webpack的tree shaking的实现方法
Sep 18 Javascript
修改Vue打包后的默认文件名操作
Aug 12 Javascript
vue自定义树状结构图的实现方法
Oct 18 Javascript
vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
Nov 09 Javascript
vue实现两个组件之间数据共享和修改操作
Nov 12 Javascript
JQuery绑定事件四种实现方法解析
Dec 02 jQuery
基于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
PHP include_path设置技巧分享
2011/07/03 PHP
php中判断字符串是否全是中文或含有中文的实现代码
2011/09/16 PHP
深入PHP获取随机数字和字母的方法详解
2013/06/06 PHP
浅谈php自定义错误日志
2015/02/13 PHP
PHP使用redis消息队列发布微博的方法示例
2017/06/22 PHP
css图片自适应大小
2007/11/28 Javascript
传智播客学习之JavaScript基础篇
2009/11/13 Javascript
JavaScript 申明函数的三种方法 每个函数就是一个对象(一)
2009/12/04 Javascript
javascript将相对路径转绝对路径示例
2014/03/14 Javascript
js实现点击添加一个input节点
2014/12/05 Javascript
javascript实现删除前弹出确认框
2015/06/04 Javascript
js Canvas实现圆形时钟教程
2016/09/19 Javascript
Websocket协议详解及简单实例代码
2016/12/12 Javascript
JavaScript实现事件的中断传播和行为阻止方法示例
2017/01/20 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
2018/03/15 Javascript
Vue 2.0 侦听器 watch属性代码详解
2019/06/19 Javascript
layui动态加载多表头的实例
2019/09/05 Javascript
JavaScript运行机制实例分析
2020/04/11 Javascript
利用H5api实现时钟的绘制(javascript)
2020/09/13 Javascript
vue中实现弹出层动画效果的示例代码
2020/09/25 Javascript
python简单文本处理的方法
2015/07/10 Python
Python 通过URL打开图片实例详解
2017/06/01 Python
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
python 通过logging写入日志到文件和控制台的实例
2018/04/28 Python
PYQT5设置textEdit自动滚屏的方法
2019/06/14 Python
详解pandas删除缺失数据(pd.dropna()方法)
2019/06/25 Python
基于Python的微信机器人开发 微信登录和获取好友列表实现解析
2019/08/21 Python
在Django下测试与调试REST API的方法详解
2019/08/29 Python
python-jwt用户认证食用教学的实现方法
2021/01/19 Python
荷兰在线啤酒店:Beerwulf
2019/08/26 全球购物
波兰在线运动商店:YesSport
2020/07/23 全球购物
思想政治自我鉴定
2013/10/06 职场文书
元旦晚会上单位领导演讲稿
2014/01/05 职场文书
大学生党员个人总结
2015/02/13 职场文书
党支部审查意见
2015/06/02 职场文书
星际争霸:毕姥爷vs解冻03
2022/04/01 星际争霸