大家好,又见面了,我是你们的朋友全栈君。
1.Ajax:异步js和xml
异步刷新:如果网页中某一个地方需要修改,异步刷新可以使,只刷新该需要修改的地方,而页面其他中的地方保持不变。
例如:百度搜索框,视频的点赞等
实现(两种方式):
Js:
XMLHttpRequest对象
XMLHttpRequest对象的方法:
open(方法名【提交方式get或者post】,服务器地址,ture【是否选用异步刷新,99%都是ture】):与服务端建立连接
send():
get: send(null)
post: send(参数值)
setRequestHeader(hearer,value):
get:不需要设置此方法(可以直接删掉)
post:需要设置:
a.如果请求元素中包含了 文件上传:
setRequestHeader(“Content-Type”,”multipart/form-data”);
b.如果不包含了 文件上传
setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded ”);
XMLHttpRequest对象的属性:
readyState:请求状态(0.1.2.3.4) 只有状态为4 代表请求完毕
status:响应状态(200.400.403.404.500) 只有200代表响应正常
onreadystatechange:回调函数
responseText:响应格式为String
reponseXML:响应格式为XML
Jquery:推荐(套路写法)(两种写法)
1.
$.ajax({
url:服务器地址,
请求方式:get|post,
data:请求数据,
success:function(result,testStatus)
{
/* 例子*/
if(result == “ture”){
alert(“已经存在!注册失败”);
}else{
alert(“注册成功”);
}
},
error:function(xhr,errrorMessage,e){
alert(“系统异常”);
}
});
2.(内容顺序严格遵循,不能变动)
$.get(
服务器地址,
请求地址,
function(result){
},
预期返回值类型(string/xml)(“xml”或”json”或”text”)(可以不写)
);
$.post(
服务器地址,
请求地址,
function(result){
},
预期返回值类型(string/xml)(“xml”或”json”或”text”)
);
$(“#tip”).load(/*jq选择器,load:将服务端的返回值直接加载到$(xxx)所选择的元素中*/
服务器地址,
请求地址
/*可以有这个,但是一般来说都省了 function(result){ } */
);
$getJSON(
服务器地址,
JSON格式的请求数据,
function(result){
}
) ;
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/156629.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...