失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > ajax post请求怎么传参_ajax用post方法传递参数

ajax post请求怎么传参_ajax用post方法传递参数

时间:2019-08-06 22:47:42

相关推荐

ajax post请求怎么传参_ajax用post方法传递参数

该楼层疑似违规已被系统折叠隐藏此楼查看此楼

JS

#box{

width:600px;

height:200px;

padding:20px;

border:1px solid #999;

}

ajax post方式传递参数

Number1:

Number2:

加载

function loadHtml(){

//获取表单中的数据

var num1 =document.getElementById('num1').value;

var num2 =document.getElementById('num2').value;

//实例化XMLHttpRequest对象

if(window.XMLHttpRequest){

//非IE

var xhr = newXMLHttpRequest();

}else{

//IE 6

//var xhr = newActiveXObject('Microsoft.XMLHTTP');

var xhr = newActiveXObject('Microsoft.XMLHTTP');

}

//给xhr绑定事件.检测请求的过程

xhr.onreadystatechange = function(){

console.log(xhr.readyState);

//如果成功接收到并响应

if(xhr.status == 200&&xhr.readyState== 4){

document.getElementById('box').innerHTML = xhr.responseText;

}

}

//进行请求的初始化

xhr.open('post','js.php',true);

//设置请求头

xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');

//正式发送请求

xhr.send('n1='+num1+'&n2='+num2);

}

如果觉得《ajax post请求怎么传参_ajax用post方法传递参数》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。