Ajax的post方式提交数据
2009-02-24 20:36
471 查看
<SCRIPT LANGUAGE=”javascript”> <!– function saveUserInfo() { //获取接受返回信息层 var msg = document.getElementById(”msg”); //获取表单对象和用户信息值 var f = document.user_info; var userName = f.user_name.value; var userAge = f.user_age.value; var userSex = f.user_sex.value; //接收表单的URL地址 var url = “commit.php”; //需要POST的值,把每个变量都通过&来联接 var postStr = “name=”+ userName +”&age=”+ userAge +”&sex=”+ userSex; //实例化Ajax var ajax = null; if(window.XMLHttpRequest){ ajax = new XMLHttpRequest(); } else if(window.ActiveXObject){ ajax = new ActiveXObject(”Microsoft.XMLHTTP”); } else{ return; } //通过Post方式打开连接 ajax.open(”POST”, url, true); //定义传输的文件HTTP头信息 ajax.setRequestHeader(”Content-Type”,”application/x-www-form-urlencoded”); //发送POST数据 ajax.send(postStr); //返回数据的处理函数 ajax.onreadystatechange = function(){ if (ajax.readyState == 4 && ajax.status == 200){ msg.innerHTML = ajax.responseText; } } } –> </SCRIPT> <form name=”user_info”> 姓名:<input type=”text” name=”user_name” /><br/> 年龄:<input type=”text” name=”user_age” /><br/> 性别:<input type=”text” name=”user_sex” /><br/> <input type=”button” value=”提交表单” onClick=”saveUserInfo()”> </form> //构建一个接受返回信息的层: <div id=”msg”></div> |
与get方法比较,post方法可传输大于2K的数据,在Ajax里的应用不同之处在于:”post方法的请求地址与传输的数据是放在两个对象里—-请求地址放在open对象里,传输的数据放在send对象里;并且在传输数据之前定义一个传输文件HTTP头信息(setRequestHeader)”
在commit.php文件里可以用变量$_POST[’name’] , $_POST[’age’], $_POST[’sex’]获得send对象传输的数据.并对数据库进行操作.
相关文章推荐
- Ajax以Post方式提交数据,中文乱码。
- ajax 学习笔记之二 POST GET方式提交数据
- Ajax使用POST方式异步提交数据
- ajax有两种提交数据的方式,分别为get和post(转)
- jfinal ajax post方式提交 后台接收不到数据bug处理及解析
- spring mvc ajax post 方式提交数据
- 原始ajax通过xmlHttpRequest对象的send()方法提交数据--Get方式和Post方式
- ajax post get方式提交数据详解
- AJAX如何以POST的方式提交JSON数据到Form
- ajax案例---以GET和POST方式异步提交数据给后台
- Ajax以post方式提交数据
- Ajax的post方式提交数据
- 四种常见的 POST 提交数据方式
- 表单提交中Get和Post方式的区别及EncType表明提交数据的格式详解
- application/json 四种常见的 POST 提交数据方式
- 四种常见的 POST 提交数据方式
- Android HttpClient框架get和post方式提交数据(非原创)
- application/json 四种常见的 POST 提交数据方式
- HTTP四种常见的POST提交数据方式
- POST提交数据方式