详解参数传递四种形式


Posted in Javascript onJuly 21, 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 相关文章推荐
Jsonp 跨域的原理以及Jquery的解决方案
May 18 Javascript
用jQuery中的ajax分页实现代码
Sep 20 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
Apr 08 Javascript
JavaScript中的ParseInt(&quot;08&quot;)和“09”返回0的原因分析及解决办法
May 19 Javascript
一个简单的JavaScript Map实例(分享)
Aug 03 Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
Nov 24 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
Apr 12 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
Jun 04 Javascript
React利用插件和不用插件实现双向绑定的方法详解
Jul 03 Javascript
解决vue组件中使用v-for出现告警问题及v for指令介绍
Nov 11 Javascript
vue.js 使用axios实现下载功能的示例
Mar 05 Javascript
js实现点击展开隐藏效果(实例代码)
Sep 28 Javascript
jquery实现Ctrl+Enter提交表单的方法
Jul 21 #Javascript
jQuery实现html元素拖拽
Jul 21 #Javascript
异步安全加载javascript文件的方法
Jul 21 #Javascript
jquery实现鼠标滑过小图查看大图的方法
Jul 20 #Javascript
详细介绍jQuery.outerWidth() 函数具体用法
Jul 20 #Javascript
SWFObject基本用法实例分析
Jul 20 #Javascript
jQuery.prop() 使用详解
Jul 19 #Javascript
You might like
DOM XPATH获取img src值的query
2013/09/23 PHP
thinkPHP js文件中U方法不被解析问题的解决方法
2016/12/05 PHP
PHP基于PDO实现的SQLite操作类【包含增删改查及事务等操作】
2017/06/21 PHP
php7 list()、session及其他模块的修改实例分析
2020/05/25 PHP
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
2010/04/27 Javascript
基于jQuery的图片大小自动适应实现代码
2010/11/17 Javascript
基于jquery的button默认enter事件(回车事件)。
2011/05/18 Javascript
js实现的类似于asp数据字典的数据类型代码实例
2014/09/03 Javascript
AngularJS 输入验证详解及实例代码
2016/07/28 Javascript
在vscode里使用.vue代码模板的方法
2018/04/28 Javascript
Vuejs+vue-router打包+Nginx配置的实例
2018/09/20 Javascript
基于AngularJs select绑定数字类型的问题
2018/10/08 Javascript
[03:09]显微镜下的DOTA2第一期——带你走进华丽的DOTA2世界
2014/06/20 DOTA
python时间整形转标准格式的示例分享
2014/02/14 Python
零基础写python爬虫之爬虫框架Scrapy安装配置
2014/11/06 Python
python从入门到精通(DAY 3)
2015/12/20 Python
Python实现识别手写数字 简易图片存储管理系统
2018/01/29 Python
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
Python3 执行Linux Bash命令的方法
2019/07/12 Python
使用Python制作新型冠状病毒实时疫情图
2020/01/28 Python
keras用auc做metrics以及早停实例
2020/07/02 Python
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
建筑公司文秘岗位职责
2013/11/29 职场文书
《美丽的田园》教学反思
2014/03/01 职场文书
买房委托公证书
2014/04/08 职场文书
求职简历自荐信
2014/06/18 职场文书
投资入股合作协议书
2014/10/28 职场文书
学校法制宣传日活动总结
2014/11/01 职场文书
2015年档案管理员工作总结
2015/05/13 职场文书
安全教育片观后感
2015/06/17 职场文书
2015年暑假生活总结
2015/07/13 职场文书
甜美蛋糕店的创业计划书模板,拿来即用!
2019/08/21 职场文书
小型企业的绩效考核制度模板
2019/11/21 职场文书
jQuery实现影院选座订座效果
2021/04/13 jQuery