11.12学习笔记

Ajax:优点
1 减轻服务器的负担,提升站点的性能
2 无刷新更新页面(局部更新),减少用户实际和心理等待时间
3 更好的用户体验


Ajax:三种写法

(1)第一种写法
load:加载(用于文件的加载 )
load:匿名函数的参数解释:
response 读取的数据
stautus 成功与失败
xhr XMLHTTTPrequest 对象
success:成功
error:失败
$("#div").load("url地址",data(数据,可要可不要),function(response,stautus,xhr))
$("#div").load("bb.txt",function(response,stautus,xhr){
//判断文件是否存在(用success去判断)
if(stautus=="success")
{
console.log("文件加载成功");

}
else
{
console.log("文件加载失败");
}

})


(2):第二种写法(用的比较多)

$.post(url,data,callback)
url 必须的 请求的地址
data 可选的 发送的数据
callback 回调函数 请求成功以后执行的函数

$("#btn").click(function(){

$.post("2.php",{"id":37},function(data){
//alert(data);
console.log(data);

})
})

(3):第三种写法

url 请求的地址 2.php?id=2
data:{“id”:2}
async:true; true代表异步(默认异步提交,效率高 ) false代表同步(发送一个请求,必须要等待有一个结果)
默认是异步 true 所有的异步请求
dateType:"json" 以json的格式提交(默认以json格式)
success:function(){} 成功执行回调函数
error:function(){} 失败执行回调函数


$("#btn").click(function(){
$.ajax({
"url":"3.php",
"type":"post",//提交的方式 post get
"data":{"id":100},
//"dataType":"json",
"success":function(data){
console.log(data);

}
})
})

猜你喜欢

转载自www.cnblogs.com/xieyankeai/p/9948504.html
今日推荐