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(){
}
}