编程 Javascript

四种参数传递的形式——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>

通过以上具体的实现代码，希望对大家理解这四种参数传递有所帮助。

四种参数传递的形式——URL，超链接，js，form表单

- Author -

技术狂

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript EXCEL 操作类代码

Jul 30 Javascript

jQuery学习笔记之控制页面实现代码

Feb 27 Javascript

Jquery 模拟用户点击超链接或者按钮的方法

Oct 25 Javascript

Extjs Label的 fieldLabel和html属性值对齐的方法

Jun 15 Javascript

jQuery+ajax实现鼠标单击修改内容的思路

Jun 29 Javascript

JQuery.get提交页面不跳转的解决方法

Jan 13 Javascript

Javascript前端经典的面试题及答案

Mar 14 Javascript

基于three.js编写的一个项目类示例代码

Jan 05 Javascript

VUE 使用中踩过的坑

Feb 08 Javascript

Vue自定义过滤器格式化数字三位加一逗号实现代码

Mar 23 Javascript

怎么使用javascript深度拷贝一个数组

Jun 06 Javascript

JS删除数组指定值常用方法详解

Jun 04 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