Ajax发送和接收请求
10 浏览量
2020-12-10
19:41:30
上传
评论
收藏 47KB PDF 举报
Ajax发送和接收请求发送和接收请求
首先Ajax的不刷新页面提交数据，现在应用非常广泛，废话不多说马上进主题！！
基本上浏览器能接收的信息，Ajax都可以接收，ex：字符串，html标签，css标签，xml格式内容，json格式内容等等…..
<script>
// IE浏览器
if(ActiveXObject){
// 微软目前AJAX最新版本
var ajax = new ActiveXObject("Msxm12.XMLHTTP.6.0");
}else{
// 主流浏览器
var ajax = new XMLHttpRequest();
}
// 创建HTTP请求
// open(method, url, asynchronous, user, password);
// method：请求方法（post，get）
// url：请求地址（是具体要接收数据的地址）
// asynchronous：同步或异步请求（true是异步，false是同步，默认是true，可不填）
// user：（指定请求用户名，可不填）
// password：（指定请求密码，可不填）
ajax.open('get','url');
ajax.onreadystatechange = function(){
if((ajax.readyState==4) && (ajax.status)==200){
alert(ajax.responseText); // 返回的数据内容
}else{
alert('请求失败');
}
}
// 发送请求，content是要发送的内容，如果没有则填null
send(content);
// 如果用的是post方式请求，要在send之前设置HTTP头
ajax.setRequestHeader(“Content-Type”, “application/x-www-form-urlencoded”);
</script>
ajax的onreadystatechange事件最多接收四个变化状态
readystate的返回状态值：
0 （未初始化）（未初始化） 对象已建立对象已建立
1（初始化）（初始化） 已调用已调用open方法方法
2（发送数据）（发送数据） 已调用已调用send方法方法
3（数据传送中）（数据传送中） 已返回部分数据已返回部分数据
4 （完成）（完成） 请求成功请求成功
以上是简单的Ajax请求原理，希望对大家的学习有所帮助。
您可能感兴趣的文章您可能感兴趣的文章:AJAX中同时发送多个请求XMLHttpRequest对象处理方法Extjs ajax同步请求时post方式参数发送方式
jquery+ajax每秒向后台发送请求数据然后返回页面的代码如何实现ajax延时发送在空闲之后去发送ajax请求jquery跨域请求示
例分享(jquery发送ajax请求)jquery的ajax异步请求接收返回json数据实例jsp+ajax发送GET请求的方法js与jQuery终止正在发送
的ajax请求的方法防止重复发送Ajax请求的解决方案
评论0
最新资源