四种参数传递的形式——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 相关文章推荐
js无刷新操作table的行和列
Mar 27 Javascript
javascript刷新父页面的各种方法汇总
Sep 03 Javascript
JavaScript图片轮播代码分享
Jul 31 Javascript
浅谈Web页面向后台提交数据的方式和选择
Sep 23 Javascript
Angularjs 设置全局变量的方法总结
Oct 20 Javascript
vue 中自定义指令改变data中的值
Jun 02 Javascript
解决ionic和angular上拉加载的问题
Aug 03 Javascript
Node.js搭建WEB服务器的示例代码
Aug 15 Javascript
vue兄弟组件传递数据的实例
Sep 06 Javascript
Node.js中package.json中库的版本号(~和^)
Apr 02 Javascript
json字符串对象转换代码实例
Sep 28 Javascript
如何在vue中使用百度地图添加自定义覆盖物(水波纹)
Nov 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
php源码加密 仿微盾PHP加密专家(PHPCodeLock)
2010/05/06 PHP
php获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
thinkphp 字母函数详解T/I/N/D/M/A/R/U
2017/04/03 PHP
js tab效果的实现代码
2009/12/26 Javascript
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
2012/05/23 Javascript
jquery获取元素索引值index()示例
2014/02/13 Javascript
JavaScript函数定义的常见注意事项小结
2014/09/16 Javascript
使用javascript实现雪花飘落的效果
2015/01/13 Javascript
深入理解关于javascript中apply()和call()方法的区别
2016/04/12 Javascript
Angular.js与Bootstrap相结合实现手风琴菜单代码
2016/04/13 Javascript
概述如何实现一个简单的浏览器端js模块加载器
2016/12/07 Javascript
JavaScript结合HTML DOM实现联动菜单
2017/04/05 Javascript
angular学习之ngRoute路由机制
2017/04/12 Javascript
jQuery查找dom的几种方法效率详解
2017/05/17 jQuery
vue 实现的树形菜的实例代码
2018/03/19 Javascript
用vue-cli开发vue时的代理设置方法
2018/09/20 Javascript
layui表格设计以及数据初始化详解
2019/10/26 Javascript
微信小程序indexOf的替换方法(推荐)
2020/01/14 Javascript
vue中的过滤器及其时间格式化问题
2020/04/09 Javascript
Python类的基础入门知识
2008/11/24 Python
python使用wxpython开发简单记事本的方法
2015/05/20 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
python文件选择对话框的操作方法
2019/06/27 Python
Python编写通讯录通过数据库存储实现模糊查询功能
2019/07/18 Python
Python实现决策树并且使用Graphviz可视化的例子
2019/08/09 Python
Python基于模块Paramiko实现SSHv2协议
2020/04/28 Python
Python实现CAN报文转换工具教程
2020/05/05 Python
在Mac中配置Python虚拟环境过程解析
2020/06/22 Python
Pytorch损失函数nn.NLLLoss2d()用法说明
2020/07/07 Python
pandas数据分组groupby()和统计函数agg()的使用
2021/03/04 Python
中专生的个人自我评价
2013/12/11 职场文书
环境卫生标语
2014/06/09 职场文书
教师自我剖析材料(四风问题)
2014/09/30 职场文书
格林童话读书笔记
2015/06/30 职场文书
如何通过简单的代码描述Angular父组件、子组件传值
2022/04/07 Javascript