四种参数传递的形式——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控制上传文件的大小
Oct 26 Javascript
javascript 图片上传预览-兼容标准
Jun 01 Javascript
extjs 列表框(multiselect)的动态添加列表项的方法
Jul 31 Javascript
javascript同页面多次调用弹出层具体实例代码
Aug 16 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 Javascript
JSON.stringify转换JSON时日期时间不准确的解决方法
Aug 08 Javascript
jQuery实现的图文高亮滚动切换特效实例
Aug 10 Javascript
基于javascript实现图片预加载
Jan 05 Javascript
原生js实现商品放大镜效果
Jan 12 Javascript
js实现带三角符的手风琴效果
Mar 01 Javascript
详解windows下vue-cli及webpack 构建网站(三)使用组件
Jun 17 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 22 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
thinkphp3查询mssql数据库乱码解决方法分享
2014/02/11 PHP
PHP中使用addslashes函数转义的安全性原理分析
2014/11/03 PHP
PHP中mysql_field_type()函数用法
2014/11/24 PHP
php从csv文件读取数据并输出到网页的方法
2015/03/14 PHP
php获取网页里所有图片并存入数组的方法
2015/04/06 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
2015/06/17 PHP
PHP操作redis实现的分页列表,新增,删除功能封装类与用法示例
2018/08/04 PHP
PHP依赖注入原理与用法分析
2018/08/21 PHP
YII2框架中日志的配置与使用方法实例分析
2020/03/18 PHP
javascript 面向对象全新理练之数据的封装
2009/12/03 Javascript
JS中typeof与instanceof之间的区别总结
2013/11/14 Javascript
禁止ajax缓存获取程序最新数据的方法
2013/11/19 Javascript
jQuery实现的网格线绘制方法
2016/06/20 Javascript
详解node HTTP请求客户端 - Request
2017/05/05 Javascript
初识 Vue.js 中的 *.Vue文件
2017/11/22 Javascript
解决Angular4项目部署到服务器上刷新404的问题
2018/08/31 Javascript
详解angularjs跨页面传参遇到的一些问题
2018/11/01 Javascript
Vue常用的几个指令附完整案例
2018/11/06 Javascript
详解用场景去理解函数柯里化(入门篇)
2019/04/11 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
2019/09/17 Javascript
jQuery实现简易聊天框
2020/02/08 jQuery
JS如何实现手机端输入验证码效果
2020/05/13 Javascript
Python3.x和Python2.x的区别介绍
2013/02/12 Python
利用Python如何生成hash值示例详解
2017/12/20 Python
Python将一个Excel拆分为多个Excel
2018/11/07 Python
Django之腾讯云短信的实现
2020/06/12 Python
python中通过pip安装库文件时出现“EnvironmentError: [WinError 5] 拒绝访问”的问题及解决方案
2020/08/11 Python
CSS3教程(4):网页边框和网页文字阴影
2009/04/02 HTML / CSS
HTML5上传文件显示进度的实现代码
2012/08/30 HTML / CSS
德国原装品牌香水、化妆品和手表网站:BRASTY.DE
2016/10/16 全球购物
什么是GWT的Entry Point
2013/08/16 面试题
法学求职信
2014/06/22 职场文书
加强干部作风建设整改方案
2014/10/24 职场文书
关于考试抄袭的检讨书
2019/11/02 职场文书
Go语言操作数据库及其常规操作的示例代码
2021/04/21 Golang
Pandas数据类型之category的用法
2021/06/28 Python