大家好,又见面了,我是你们的朋友全栈君。
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){
}
) ;
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/156629.html原文链接:https://javaforall.cn