Ajax 传值

来源：互联网发布：php form表单提交编辑：程序博客网时间：2024/05/29 10:33

原始版（基于JS）

var xmlhttp;if (window.XMLHttpRequest)  {// code for IE7+, Firefox, Chrome, Opera, Safari  xmlhttp=new XMLHttpRequest();  }else  {// code for IE6, IE5  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");  }

</pre><pre code_snippet_id="1798387" snippet_file_name="blog_20160801_1_5309099" name="code" class="javascript" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13.92px; line-height: 20.88px;"><script type="text/javascript">    window.onload=function(){    var username=document.getElementById("username");    username.onblur=function(){    var name=this.value;    var xhr=new XMLHttpRequest();    xhr.open('post','Demo.php',true);    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");    xhr.send("anme="+name);        xhr.onreadystatechange(){    if (this.readyState==4&&status==200) {//传值结束，并响应成功alert(this.responseText);}    }        }    }    </script>

是不是很多,如果要你每个input都写的话,是不是要吐血?

看看我的方法,首先我们把所有的input的name和value都取下来,

js代码如下:

//dlg_form :form的名称  <span style="font-size: 13.92px; line-height: 20.88px; font-family: Verdana, Arial, Helvetica, sans-serif;">input：输入框内容</span>

var str_data=$("#dlg_form input").map(function(){ return ($(this).attr("name")+'='+$(this).val());}).get().join("&") ;alert(data);

0 0