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

 更新时间:2015年07月24日 15:07:07   作者:技术狂  
本文介绍了四种参数传递的形式,并给出了URL,超链接,js,form表单传参方式,需要的朋友可以参考下

什么时候用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实现异步编程的过程

    这篇内容详细分析了Javascript实现异步编程的过程以及原理解释,对此知识点有兴趣的朋友可以学习下。
    2018-06-06
  • appendChild() 或 insertBefore()使用与区别介绍

    appendChild() 或 insertBefore()使用与区别介绍

    appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点,下面为大家介绍下具体的使用,感兴趣的朋友不要错过
    2013-10-10
  • 举例讲解JavaScript中关于对象操作的相关知识

    举例讲解JavaScript中关于对象操作的相关知识

    这篇文章主要介绍了举例讲解javaScript中关于对象操作的相关知识,"一切皆对象"是学习JS过程中经常可以见到的一句话,本文便用一些小例子来讲解JS中的对象操作,需要的朋友可以参考下
    2015-11-11
  • 深入理解ECMAScript的几个关键语句

    深入理解ECMAScript的几个关键语句

    下面小编就为大家带来一篇深入理解ECMAScript的几个关键语句。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • JavaScript入门之基本函数详解

    JavaScript入门之基本函数详解

    函数,在C语言之类的过程式语言中,是顶级的实体,而在Java/C++之类的面向对象的语言中,则被对象包装起来,一般称为对象的方法。而在JavaScript中,函数本身与其他任何的内置对象在低位上是没有任何区别的,也就是说,函数本身也是对象
    2011-10-10
  • JS限制上传图片大小不使用控件在本地实现

    JS限制上传图片大小不使用控件在本地实现

    文件上传之前的检测,通常是通过文件名来判断文件类型是否合法,但是要想检测文件的大小很难办到,除非在本地或者使用控件。使用JS可以轻松解决词问题,本文详细介绍,需要了解的朋友可以参考下
    2012-12-12
  • 简介JavaScript中的sub()方法的使用

    简介JavaScript中的sub()方法的使用

    这篇文章主要介绍了JavaScript中的sub()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • document.getElementById获取控件对象为空的解决方法

    document.getElementById获取控件对象为空的解决方法

    今天写个网页,想在页面加载onLoad时,动态显示由后台其他程序传来的数据时,用document.getElementById获取控件对象总是为空。但是检查了这个id确实是存在的。看下文的示例和解决方法
    2013-11-11
  • JavaScript基本编码模式小结

    JavaScript基本编码模式小结

    本文中笔者整理的这些模式包含了编写JavaScript代码时一些常用的方法或者小技巧,可以帮助初学JavaScript的同学迅速提升代码质量
    2012-05-05
  • 简介JavaScript中Math.LOG10E属性的使用

    简介JavaScript中Math.LOG10E属性的使用

    这篇文章主要介绍了JavaScript中Math.LOG10E属性的使用,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06

最新评论