AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
API
open(method , url ,async);
send(string);(get一般为空，post一般是参数)
两者的区别：post用于无法使用缓存文件
大量的数据
安全性
post使用setRequestHeader("Content-type","application/x-www-form-urlencoded")(添加请求头)
send("property");
ajax 是异步的
不需要等服务器返回结果。
直接执行后面的脚本。
readyStatue
0对象初始化未完成
1请求未发送完成
2请求发送完成
3响应未完成
4响应完成
status
200正常
400无法找到资源
403没有访问权限
404访问的资源不存在
500服务器内部错误
js整个过程
1.创建XMLHttpRequest对象
//第一步：创建XMLHttpRuquest对象
//var xmlHttpRequest;
if (window.XMLHttpRequest) {
xmlHttpRequest = new XMLHttpRequest();
} else if (window.ActiveXObject) {//IE浏览器
xmlHttpRequest = new ActiveXObject("MSXML2.XMLHTTP");
}
if (xmlHttpRequest == undefined || xmlHttpRequest == null) {
alert("XMLHttpRequest对象创建失败！！");
return;
}
//第二步：注册回调方法
xmlHttpRequest.onreadystatechange = callback;
2.请求
//第三步：设置和服务器交互的参数,第三个参数表示是否异步
var url = "login_data.json" ;
//var url = "LoginAjaxAction?userCode="+document.getElementById("userCode").value ;
xmlHttpRequest.open("get",url,false) ;
//第四步：设置向服务器端发送的数据，启动和服务器端的交互
xmlHttpRequest.send(null);
3.响应
function callback() {
if (xmlHttpRequest.readyState == 4) {
//表示服务器的相应代码是200；正确返回了数据
if (xmlHttpRequest.status == 200) {
//纯文本数据的接受方法
var response = xmlHttpRequest.response;
var jsonResponse = eval('(' + response + ')');
if(jsonResponse.code == 1){
alert("成功") ;
}else{
alert("失败:" + jsonResponse.message)
}
//alert(message);
}
}
}
jquery的使用：这个部分不是特别详细，底下的值很多，意思你们可以去找找，挺好找的
function validateCodeUser(){
$.ajax(){
type:"get/post";
url:"url";
/*
data:{
"userCode":document.getElementById("userCode").value;
,"password":
},
*/
success:function(data){
if(data.code == 0){
xxxx
}else{
xxx
}
}
}
}