四种参数传递的形式——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 相关文章推荐
用Div仿showModalDialog模式菜单的效果的代码
Mar 05 Javascript
jquery 图片轮换效果
Jul 29 Javascript
jQuery焦点图切换简易插件制作过程全纪录
Aug 27 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形菜单
Nov 30 Javascript
Summernote实现图片上传功能的简单方法
Jul 11 Javascript
jQuery Ajax请求后台数据并在前台接收
Dec 10 Javascript
Angular directive递归实现目录树结构代码实例
May 05 Javascript
详解Vue中使用Echarts的两种方式
Jul 03 Javascript
微信小程序如何使用globalData的方法
Jun 06 Javascript
解决vue init webpack 下载依赖卡住不动的问题
Nov 09 Javascript
vue前端工程的搭建
Mar 31 Vue.js
JS + HTML 罗盘式时钟的实现
May 21 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
社区(php&amp;&amp;mysql)四
2006/10/09 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
用javascript实现给出的盒子的序列是否可连为一矩型
2007/08/30 Javascript
jQuery 注意事项 与原因分析
2009/04/24 Javascript
new Date()问题在ie8下面的处理方法
2014/07/31 Javascript
js中string转int把String类型转化成int类型
2014/08/13 Javascript
javascript模拟评分控件实现方法
2015/05/13 Javascript
javascript自定义滚动条实现代码
2020/04/20 Javascript
javascript 常用验证函数总结
2016/06/28 Javascript
jQuery解析XML 详解及方法总结
2016/09/28 Javascript
基于jQuery实现的幻灯图片切换
2016/12/02 Javascript
echarts学习笔记之图表自适应问题详解
2017/11/22 Javascript
nodejs更改项目端口号的方法
2018/05/13 NodeJs
JS实现的雪花飘落特效示例
2019/12/03 Javascript
解决vue scoped html样式无效的问题
2020/10/24 Javascript
关于Js中new操作符的作用详解
2021/02/21 Javascript
python中使用urllib2伪造HTTP报头的2个方法
2014/07/07 Python
python在指定目录下查找gif文件的方法
2015/05/04 Python
Python判断列表是否已排序的各种方法及其性能分析
2016/06/20 Python
numpy数组拼接简单示例
2017/12/15 Python
详解Tensorflow数据读取有三种方式(next_batch)
2018/02/01 Python
Python实现从log日志中提取ip的方法【正则提取】
2018/03/31 Python
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
windows下Python安装、使用教程和Notepad++的使用教程
2019/10/06 Python
python 扩展print打印文件路径和当前时间信息的实例代码
2019/10/11 Python
python3 图片 4通道转成3通道 1通道转成3通道 图片压缩实例
2019/12/03 Python
细说CSS3中的选择符
2008/10/17 HTML / CSS
css3教程之倾斜页面
2014/01/27 HTML / CSS
详解CSS3弹性伸缩盒
2020/09/21 HTML / CSS
HTML5实现获取地理位置信息并定位功能
2015/04/25 HTML / CSS
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
土木工程应届生求职信
2013/10/31 职场文书
《二泉映月》教学反思
2014/04/15 职场文书
社区志愿者活动总结
2014/06/26 职场文书
公安机关纪律作风整顿剖析
2014/10/10 职场文书
javascript代码简写的几种常用方式汇总
2021/08/23 Javascript