本文介绍了jQuery中用于网络请求的方法，如$.get、$.post、$.load和$.getJSON，以及它们在处理跨域请求时的机制。同时，文章还展示了如何封装XMLHttpRequest对象进行GET和POST操作，并实现一个简单的JSONP请求。最后，通过$.ajax方法演示了一个综合的网络请求示例，包括设置URL、类型、成功回调和错误处理。
jquery的网络请求很好用 但是现在太少了，现在除了一些老项目，基本就用不到了
抽象方法
$.get(url,(n1,n2,n3)=>{
console.log(n1,n2,n3)
})
$.post(url,(data)=>{
console.log(data)
})
$("#box").load(url)
getJSON 内部会判断我们传入网址 是不是跨域的网址
1.非跨域它创建xhr对象请求数据
2.跨域了就创建srcipt请求数据
$.getJSON("http://192.168.5.109:8081/jsonp1?cb=?",(data)=>{
console.log(data)
})
综合方法
$.ajax({
url:"http://192.168.5.109:8081/home",
type:"GET",
success:function(data) {
console.log(111,data)
},
err:()=>{
},
data:{
name:"karen"
}
})
封装：
var my$={
get(url,cb){
var xhr=new XMLHttpRequest()||new ActiveXObject("xxx")
xhr.open("GET",url,true)
xhr.send()
xhr.onreadystatechange=function () {
if(xhr.readyState==4&&xhr.status==200){
cb(xhr.responseText,xhr.response,xhr)
}
}
},
post(url,cb){
var xhr=new XMLHttpRequest()||new ActiveXObject("xxx")
xhr.open("POST",url,true)
xhr.send()
xhr.onreadystatechange=function () {
if(xhr.readyState==4&&xhr.status==200){
cb(xhr.responseText,xhr.response,xhr)
}
}
},
getJSON(url,cb){
//window.location.href
var callback="myjQuery"+new Date().getTime()
window[callback]=function(data) {
cb(data)
}
var sr=document.createElement("script")
// sr.src=url.replace(/?/,callback)
document.body.appendChild(sr)
},
ajax(){
}
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
