AJAX学习笔记

Posted 2021-07-24 唥小雨

ajax笔记

一、jq的ajax写法:

​ 页面必须引入jquery.js

1、写法1:

$.ajax({
type:"", //请求方式: get post
url:"", //请求地址
data:{ //前台给后台传递的参数
key:value,
key:value
},
dataType:"", //后台回传参数的类型
success:function(result){} //result后台给前台的数据
});

2、写法2:

$.post(“url”,{参数:参数},function(result){

},“json”);

二、xmlHttp写法(重点考):

var xmlHttp;
if(window.XMLHttpRequest){//非ie5、非ie6浏览器
xmlHttp = new XMLHttpRequest();
}else{//非ie5、非ie6浏览器
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
xmlhttp.open(“请求方式”,“请求地址”,true);//async:true异步、false同步
xmlhttp.setRequestHeader(“Content-type”,“application/x-www-form-urlencoded”);
xmlhttp.send(“参数名=”+参数值+"&参数名="+参数值);
xmlhttp.onreadystatechange=function(){//后台返回前台方法
if (xmlhttp.readyState4 && xmlhttp.status200){
var result = xmlhttp.responseText;//后台回传的json格式数据
var obj = JSON.parse(result);//将数据转换成对象类型
}
}

xmlhttp.readyState: 
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪

xmlhttp.status: 
200成功
404页面丢失
500服务器内部错误
403后台返回结果数据类型不匹配

三、php写法:

获取前台传来的参数: $_请求方式[“请求参数名”];
返回前台数据: echo json_encode(返回数据);

xmlhttp.status: 200成功、404页面丢失、500服务器内部错误
403后台返回结果数据类型不匹配
三、php写法:
获取前台传来的参数: $_请求方式[“请求参数名”];
返回前台数据: echo json_encode(返回数据);