Ajax
语法:$.ajax(JSON)
JSON常用的参数
url:服务器的地址,获取数据或者推送的地方
data,需要给服务器的数据,需要去添加,比如说登录的接口需要传递“用户名和密码”,获取货品信息,则不需要传递任何的参数。数据类型键值对,键值对的“键”和服务器保持完全一致,包括键名的大小写
type:数据提交的方式GET/POST
timeout:请求等待的时间,时间为毫秒,一般10秒
success:请求成功,做返回处理
error:请求失败
datatype:预期服务器相应的数据类型
什么是Ajax
Ajax=异步处理javascript和XML(Asynchronous JavaScript and XML)
在不重新加载网页的情况下,Ajax通过后台加载数据,并且在网页上显示
Load()方法
语法:
$(选择器).load(url,data,callback)
url.服务器的地址,获取数据或者推送的地方(必须写)
data:需要给服务器的数据,需要去添加,比如说登录的接口需要传递“用户名和密码”,获取货品信息,则不需要传递任何的参数。数据类型键值对,键值对的“键”和服务器保持完全一致,包括键名的大小写(可不写)
callback:当load()方法完成后所执行的函数名称(可不写)
callback参数:
(1)responseTxt:调用成功后的结果内容
(2)statusTxt:调用的状态
(3)xhr:XMLHttpRequest对象
<title></title>
<script src="js/jquery-3.5.1.min.js" type="text/javascript"></script>
</head>
<body>
<input type="button" id="btn1" value="点击替换" />
<p id="p1">将要替换的内容</p>
</body>
<script type="text/javascript">
$("#btn1").click(function(){
$("#p1").load("demo.txt",function(responseTxt,statusTxt,xhr){
if(statusTxt=="success"){
alert("请求成功"+"\n"+xhr.status+"\n"+xhr.statusText);
}else{
alert("Error")
}
})
});
</script>