四种参数传递的形式——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 相关文章推荐
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
Jan 04 Javascript
JQuery页面图片切换和新闻列表滚动效果的具体实现
Sep 26 Javascript
jQuery ajax调用WCF服务实例
Jul 16 Javascript
调试JavaScript中正则表达式中遇到的问题
Jan 27 Javascript
微信小程序-消息提示框实例
Nov 24 Javascript
js addDqmForPP给标签内属性值加上双引号的函数
Dec 24 Javascript
javascript ES6中箭头函数注意细节小结
Feb 17 Javascript
Bootstrap下拉菜单更改为悬停(hover)触发的方法
May 24 Javascript
js+html获取系统当前时间
Nov 10 Javascript
使用layer弹窗和layui表单实现新增功能
Aug 09 Javascript
解决vue做详情页跳转的时候使用created方法 数据不会更新问题
Jul 24 Javascript
搭建vscode+vue环境的详细教程
Aug 31 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
老照片 - 几十年前的收音机与人
2021/03/02 无线电
PHP数组 为文章加关键字连接 文章内容自动加链接
2011/12/29 PHP
使用swoole扩展php websocket示例
2014/02/13 PHP
php读取目录所有文件信息dir示例
2014/03/18 PHP
Js callBack 返回前一页的js方法
2008/11/30 Javascript
用Jquery实现可编辑表格并用AJAX提交到服务器修改数据
2009/12/27 Javascript
淘宝网提供的国内NPM镜像简介和使用方法
2014/04/17 Javascript
Javascript学习笔记之数组的遍历和 length 属性
2014/11/23 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
2015/03/20 Javascript
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
2016/02/25 Javascript
js捕捉键盘事件和按键键值的方法
2016/10/10 Javascript
AngularJS的ng-repeat指令与scope继承关系实例详解
2017/01/21 Javascript
详解Node.js中exports和module.exports的区别
2017/04/19 Javascript
Vue之Watcher源码解析(1)
2017/07/19 Javascript
vue.js响应式原理解析与实现
2020/06/22 Javascript
代码整洁之道(重构)
2018/10/25 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
2019/04/29 Javascript
Vue插件之滑动验证码用法详解
2020/04/05 Javascript
浅谈vue中$bus的使用和涉及到的问题
2020/07/28 Javascript
[01:07:57]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第二场 1月19日
2021/03/11 DOTA
Python实现好友全头像的拼接实例(推荐)
2017/06/24 Python
完美解决Pycharm无法导入包的问题 Unresolved reference
2018/05/18 Python
对pandas写入读取h5文件的方法详解
2018/12/28 Python
CSS3+DIV实现漂亮的动画彩色标签
2016/06/16 HTML / CSS
HTML5视频支持检测(检查浏览器是否支持视频播放)
2013/06/08 HTML / CSS
伦敦一卡通:The London Pass
2018/11/30 全球购物
Dr. Martens马汀博士德国官网:马丁靴鼻祖
2019/12/26 全球购物
培训演讲稿范文
2014/01/12 职场文书
2016公司年会通知范文
2015/04/25 职场文书
幼儿园安全教育月活动总结
2015/05/08 职场文书
学校证明范文
2015/06/24 职场文书
导游词之烟台威海蓬莱
2019/11/14 职场文书
详解TypeScript的基础类型
2022/02/18 Javascript
CSS实现渐变色边框(Gradient borders)的5种方法
2022/03/25 HTML / CSS
MySQL时区造成时差问题
2022/04/13 MySQL
Redis实现一个账号只能登录一个设备
2022/04/19 Redis