详解参数传递四种形式


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 相关文章推荐
JavaScript 组件之旅(一)分析和设计
Oct 28 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
Dec 26 Javascript
JavaScript之引用类型介绍
Aug 10 Javascript
JQuery的自定义事件代码,触发,绑定简单实例
Aug 01 Javascript
使用jQuery避免鼠标双击的解决方案
Aug 21 Javascript
JavaScript使用cookie实现记住账号密码功能
Apr 27 Javascript
Angularjs中使用layDate日期控件示例
Jan 11 Javascript
简单的vue-resourse获取json并应用到模板示例
Feb 10 Javascript
JS实现批量上传文件并显示进度功能
Jun 27 Javascript
element-ui中的select下拉列表设置默认值方法
Aug 24 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
May 14 Javascript
vue使用prop可以渲染但是打印台报错的解决方式
Nov 13 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
两个强悍的php 图像处理类1
2009/06/15 PHP
排序算法之PHP版快速排序、冒泡排序
2014/04/09 PHP
使用ThinkPHP+Uploadify实现图片上传功能
2014/06/26 PHP
汇总PHPmailer群发Gmail的常见问题
2016/02/24 PHP
Yii数据模型中rules类验证器用法分析
2016/07/15 PHP
PHP生成zip压缩包的常用方法示例
2019/08/22 PHP
Laravel框架控制器的middleware中间件用法分析
2019/09/30 PHP
Jquery Ajax学习实例7 Ajax所有过程事件分析示例
2010/03/23 Javascript
js中的push和join方法使用介绍
2013/10/08 Javascript
JavaScript数值数组排序示例分享
2014/05/27 Javascript
jQuery实现拖拽效果插件的方法
2015/03/23 Javascript
JavaScript驾驭网页-CSS与DOM
2016/03/24 Javascript
jQuery实现简洁的轮播图效果实例
2016/09/07 Javascript
通过JS获取Request.QueryString()参数的值实现方法
2016/09/27 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)
2017/05/17 Javascript
vue如何集成raphael.js中国地图的方法示例
2017/08/15 Javascript
js 两数组去除重复数值的实例
2017/12/06 Javascript
Vue 组件封装 并使用 NPM 发布的教程
2018/09/30 Javascript
vue使用一些外部插件及样式的配置代码
2019/11/18 Javascript
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
2020/03/10 Javascript
sharp.js安装过程中遇到的问题总结
2020/04/02 Javascript
微信小程序onShareTimeline()实现分享朋友圈
2021/01/07 Javascript
删除目录下相同文件的python代码(逐级优化)
2012/05/25 Python
python和ruby,我选谁?
2017/09/13 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
Python中变量的输入输出实例代码详解
2019/07/28 Python
在pytorch中为Module和Tensor指定GPU的例子
2019/08/19 Python
python多环境切换及pyenv使用过程详解
2019/09/27 Python
Python测试线程应用程序过程解析
2019/12/31 Python
苏宁红孩子母婴商城:redbaby
2017/02/12 全球购物
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
2014/12/30 面试题
银行委托书范本
2014/09/28 职场文书
户外活动总结
2015/02/04 职场文书
2015年护士节活动策划方案
2015/05/04 职场文书
2019垃圾分类宣传口号汇总
2019/08/16 职场文书