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

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-05-27 12:48:06

------------参数传递的四种形式----- URL,超链接,js,form表单的相关文章

[js开源组件开发]query组件,获取url参数和form表单json格式

query组件,获取url参数和form表单json格式 距离上次的组件[js开源组件开发]ajax分页组件一转眼过去了近二十天,或许我一周一组件的承诺有了质疑声,但其实我一直在做,只是没人看到……,最近项目紧,几个小组,只有我一个前端,公司对前端的定位不清晰,导致前端人员过少的情况.所以还得促进公司前端人员增长,不然再这么玩下去,我要被玩死了,一个公司,不可能靠一个资深前端来支撑二三十个开发的需求,这是不现实的,特别是现在的页面不再是复制粘贴的前况下.我默默耕芸,所以这次我整理了这一个月里所有

JS form表单采集

做后台系统的时候通常会用到form表单来做数据采集:每次一个字段一个字段的去收集就会很麻烦,网站也有form.js插件可以进行表单收集,并封装成一个对象,通过ajax方法传到后台:现在介绍一种直觉采集form表单的方式: 1.首先写一段公用的js: //收集表单数据为一个数组 $.request = function (name) { var search = location.search.slice(1); var arr = search.split("&"); for

Ext.js form 表单提交问题

var form = new Ext.form.FormPanel({ labelAlign : 'right', border : false, bodyStyle : 'background-color: transparent;padding:5px', defaults : { xtype : 'textfield', anchor : '90%' }, items : [{ name : 'rptId', hidden : true }, { name :'parId', hidden

js form 表单的提交

$("#confirm").click(function(){    var url = "${basePath}${path}saverpGoodsbase";  $("#form_item").attr("action", url);  $("#form_item").submit();   }); }; $("#form_item").attr("action"

Ext js form表单的提交

//定义的文本框 var GangKouCode = { xtype: 'textfield', name: 'PORTCODE', id: 'PORTCODE', allowBlank: false, emptyText: '请输入编号', blankText: '请输入编号', fieldLabel: '港口编号', labelAlign: 'right', labelWidth: 60, width: 150, autoFitErrors: true, msgTarget: 'side'

PHP全栈开发(四): HTML 学习(3. form 表单)

form 表单标签 它表的是一个区域,而非是一个具体的某个元素,它也是作为一个容器的存在. 表单域主要是允许用户在表单域中输入内容,比如文本框,下拉列表,单选框,复选框,等等. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>用户登录</h1> <form name="input&

js form 表单 重置 清空

清空 和 重置的差异是 清空是彻底清空input内容即便初始值value有值,重置是将input内容重置为value初始状态 很简单记录下 方便之后使用 //重置 //document.getElementById("myForm").reset(); //重置 //$('#myForm')[0].reset(); //清空 $("#myForm").find('input[type=text],select').each(function() { $(this).

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

Node.js-提供了四种形式的定时器

1 Node.js提供了四种形式的定时器 2 global.setTimeout(); //一次性定时器 3 global.setInterval(); //周期性定时器 4 global.nextTick(); //本次事件循环结束时立即执行的定时器 5 global.setImmediate(); //下次事件循环立即执行的定时器 6 7 var i=1; 8 setTimeout(()=>{ 9 console.log(i); 10 },1000); 11 12 //1秒之后,打印出0,1