Ajax的post方式提交数据
2018-06-18 02:36:57来源:未知 阅读 ()
最新需要学习如何使用 POST 提交方法的接口,正好看到了Ajax 版本的感觉不错分享给大家,欢迎高手指点。
<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对象传输的数据.并对数据库进行操作.
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:本地测试IIS,Post调用接口
下一篇:快捷设置IE代理小工具
- C语言数组指针的理解方式 2020-03-31
- C++ 枚举 2020-03-26
- C++ 模板详解(二):类模板的概念和基本使用方式 2020-02-11
- 51.Qt-使用ajax获取ashx接口的post数据 2019-12-23
- .lib .dll 区别介绍、使用(dll的两种引入方式) 2019-08-16
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash