详解参数传递四种形式


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 设计模式学习 Factory
Jul 29 Javascript
js loading加载效果实现代码
Nov 24 Javascript
关于js中for in的缺陷浅析
Dec 02 Javascript
javascript页面加载完执行事件代码
Feb 11 Javascript
浅析Node.js 中 Stream API 的使用
Oct 23 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
Jan 17 Javascript
easyui combogrid实现本地模糊搜索过滤多列
May 13 Javascript
详解使用webpack构建多页面应用
Dec 21 Javascript
Vue实现带进度条的文件拖动上传功能
Feb 23 Javascript
10行代码实现微信小程序滑动tab切换
Dec 28 Javascript
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
Jun 05 Javascript
深入了解JavaScript词法作用域
Jul 29 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
在smarty模板中使用PHP函数的方法
2011/04/23 PHP
PHP中几种常见的超时处理全面总结
2012/09/11 PHP
PHP安装threads多线程扩展基础教程
2015/11/17 PHP
Thinkphp框架开发移动端接口(2)
2016/08/18 PHP
php实现将base64格式图片保存在指定目录的方法
2016/10/13 PHP
PHP载入图像imagecreatefrom_gif_jpeg_png系列函数用法分析
2016/11/14 PHP
纯CSS3实现质感细腻丝滑按钮
2021/03/09 HTML / CSS
javascript StringBuilder类实现
2008/12/22 Javascript
js数字输入框(包括最大值最小值限制和四舍五入)
2009/11/24 Javascript
javascript与CSS复习(二)
2010/06/29 Javascript
jQuery简单实现banner图片切换
2014/01/02 Javascript
Javascript排序算法之计数排序的实例
2014/04/05 Javascript
Node.js中使用事件发射器模式实现事件绑定详解
2014/08/15 Javascript
一个css与js结合的下拉菜单支持主流浏览器
2014/10/08 Javascript
JavaScript的Date()方法使用详解
2015/06/09 Javascript
jquery背景跟随鼠标滑动导航
2015/11/20 Javascript
AngularJS 基础ng-class-even指令用法
2016/08/01 Javascript
ReactJs设置css样式的方法
2017/06/08 Javascript
对于input 框限定输入值为浮点型的js代码
2017/09/25 Javascript
React BootStrap用户体验框架快速上手
2018/03/06 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
Vue 修改网站图标的方法
2020/12/31 Vue.js
Ruby元编程基础学习笔记整理
2016/07/02 Python
基于Django模板中的数字自增(详解)
2017/09/05 Python
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
Python基于csv模块实现读取与写入csv数据的方法
2018/01/18 Python
Python 记录日志的灵活性和可配置性介绍
2018/02/27 Python
python字符串string的内置方法实例详解
2018/05/14 Python
Python3.6安装卸载、执行命令、执行py文件的方法详解
2020/02/20 Python
Python爬虫后获取重定向url的两种方法
2021/01/19 Python
html5 canvas移动浏览器上实现图片压缩上传
2016/03/11 HTML / CSS
编写用C语言实现的求n阶阶乘问题的递归算法
2014/10/21 面试题
品牌转让协议书
2014/08/20 职场文书
三严三实对照检查材料范文
2014/09/23 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书
Win11软件图标固定到任务栏
2022/04/19 数码科技