Ajax全接触

最新推荐文章于 2022-07-25 22:53:51 发布

swu_fisher

最新推荐文章于 2022-07-25 22:53:51 发布

阅读量168

点赞数

CC 4.0 BY-SA版权

分类专栏： Ajax

本文链接：https://blog.youkuaiyun.com/qq_43336475/article/details/90522380

Ajax 专栏收录该内容

1 篇文章

订阅专栏

博客介绍了XMLHttpRequest对象的创建、HTTP请求（GET和POST）、发送请求及取得响应的相关知识。还阐述了JSON的书写格式、解析方式，指出JSON比XML更常用，同时介绍了使用jQuery实现ajax的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

XMLHttpRequest对象创建：

Var request;

if(window.XMLHttpRequest){

   request=new XMLHttpRequest();

}else{

request=new ActiveXObject("Microsoft");//IE5,6

}

HTTP请求：

GET:一般用户信息的获取

使用URL传递参数

对所发送信息的数量也有限制，一般在2000字符

（如果只用于消息的获取那么是安全的，如果用于信息的传递则一般是不安全的因为很容易被获取到）

POST：一般用于修改服务器上的资源

对所发送信息的数量无限制

（安全许多，对其他人不可见）

XMLHttpRequest发送请求：

open(method,url,async) method:[get/post],url:请求地址，async[true/false]true则是异步false则是同步，默认是true所以一般不填

send(string):使用get方法的话这个send的参数可以不填写，如果是post则一定需要填写参数

在使用post发送请求的时候，必须要加在中间加上request.serRequesetHeader("content-tyepe","application/x-www-form-urlencoded")，告诉浏览器我发送的是一个表单

XMLHttpRequest取得响应：

（但实际上使用json格式多一些）

如果响应完成并且请求成功（request.readyState==4&&request.status==200），那么接下来可以做一些事情了。

document.getElementById("search").onclick=function(){
	var request=new XMLHttpRequest();
	request.open("GET","service.php?number="+document.getElementById("keyword").value);
	request.send();
	
	request.onreadystatechange=function(){
		if(request.readyState===4){
			if(request.status===200){
				document.getElementById("searchResult").innerHTML=request.responseText;
			}
			else{
				alert("发送错误"+request.status)
			}
		}
	}
}