四种参数传递的形式——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 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
Mar 25 Javascript
jQuery实现form表单reset按钮重置清空表单功能
Dec 18 Javascript
12款经典的白富美型—jquery图片轮播插件—前端开发必备
Jan 08 Javascript
Ajax同步与异步传输的示例代码
Nov 21 Javascript
JS中的异常处理方法分享
Dec 22 Javascript
javascript实现网页屏蔽Backspace事件,输入框不屏蔽
Jul 21 Javascript
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 Javascript
微信小程序中用WebStorm使用LESS
Mar 08 Javascript
详解如何提高 webpack 构建 Vue 项目的速度
Jul 03 Javascript
vue.js声明式渲染和条件与循环基础知识
Jul 31 Javascript
JS实现字符串去重及数组去重的方法示例
Apr 21 Javascript
如何使用 vue-cli 创建模板项目
Nov 19 Vue.js
基于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
ThinkPHP让分页保持搜索状态的方法
2014/07/02 PHP
Yii2框架使用计划任务的方法
2016/05/25 PHP
Confirmer JQuery确认对话框组件
2010/06/09 Javascript
Jqyery中同等与js中windows.onload的应用
2011/05/10 Javascript
js监听输入框值的即时变化onpropertychange、oninput
2011/07/13 Javascript
TreeView 用法(有代码)(asp.net)
2011/07/15 Javascript
jQuery的.live()和.die() 使用介绍
2011/09/10 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
2012/02/03 Javascript
非常实用的js验证框架实现源码 附原理方法
2016/06/08 Javascript
jquery实现转盘抽奖功能
2017/01/06 Javascript
vue实现简单表格组件实例详解
2017/04/16 Javascript
Node.js中多进程模块Cluster的介绍与使用
2017/05/27 Javascript
JavaScript实现邮箱后缀提示功能的示例代码
2018/12/13 Javascript
JS中超越现实的匿名函数用法实例分析
2019/06/21 Javascript
nodejs实现聊天机器人功能
2019/09/19 NodeJs
javascript canvas检测小球碰撞
2020/04/17 Javascript
vue将文件/图片批量打包下载zip的教程
2020/10/21 Javascript
Python的加密模块md5、sha、crypt使用实例
2014/09/28 Python
如何将python中的List转化成dictionary
2016/08/15 Python
python3使用PyMysql连接mysql数据库实例
2017/02/07 Python
Python实现Smtplib发送带有各种附件的邮件实例
2017/06/05 Python
python matplotlib画图库学习绘制常用的图
2019/03/19 Python
Python利用全连接神经网络求解MNIST问题详解
2020/01/14 Python
Python操作Jira库常用方法解析
2020/04/10 Python
详解HTML5新增标签
2017/11/27 HTML / CSS
Michael Kors美国官网:美式奢侈生活风格的代表
2016/11/25 全球购物
Surfdome西班牙:世界上最受欢迎的生活方式品牌
2019/02/13 全球购物
sealed修饰符是干什么的
2012/10/23 面试题
remote接口和home接口主要作用
2013/05/15 面试题
热能动力工程毕业生自荐信
2013/11/07 职场文书
2014年开学第一课活动方案
2014/03/06 职场文书
梅花魂教学反思
2014/04/25 职场文书
政府信息公开实施方案
2014/05/09 职场文书
学习经验演讲稿
2014/05/10 职场文书
建设工地安全标语
2014/06/07 职场文书
五月的鲜花活动方案
2014/08/21 职场文书