Ajax的post方式提交数据
最新需要学习如何使用 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对象传输的数据.并对数据库进行操作.
最新文章
- 在update语句中使用子查询
- TNS-12518 &; Linux Error:32:Broken pipe
- Java并发编程核心方法与框架-CountDownLatch的使用
- 51nod1476 括号序列的最小代价
- dtrace-oracle-vage :吕海波
- 事件g_Events
- Bootstrap Paginator分页插件+ajax 实现动态无刷新分页
- Halcon一日一练:Halcon异常判断方法
- LogcatHelperDemo【应用log信息保存成本地文件】
- SQL反模式学习笔记22 伪键洁癖,整理数据
- maven用框架编写网页运行出现HTTP Status 500 - Unable to compile class for JSP
- kalman filter卡尔曼滤波器- 数学推导和原理理解-----网上讲的比较好的kalman filter和整理、将预测值和观测值融和
- 使用 GCD 实现倒计时效果
- ETCD网络层实现(待完成)
- APP安全防护基本方法(混淆/签名验证/反调试)
- python文件管理
- BCGcontrolBar(三) 添加表格(Grid)组件
- Android逆向 破解第一个Android程序
- 【备份】使用mysqldump 实现rename database name(mysql数据库改名称)
- Linux---关闭Elasticsearch进程,并重新启动
热门文章
- CentOS7的systemctl使用
- Powershell 备忘
- 示例vue 的keep-alive缓存功能的实现
- tab key usage
- day13-生成器
- LeetCode(303)Range Sum Query - Immutable
- 纯虚函数(pure virtual function )和抽象类(abstract base class)
- stm32定时器学习二——PWM设置
- 稀疏表(ST / Sparse Table)
- foreach ($users as $key=>;$value)