jquery版的ajax请求和JSONP请求
jquery版的ajax请求
let http = new XMLHttpRequest();
http.open('get',"http://10.35.161.142/dataOrigin.php?name=王大伟");
http.send()
http.onreadystatechange = function(){
if(http.readyState === 4){
console.log(http.responseText)
}
}
$.get("http://10.35.161.142/dataOrigin.php?name=你好",data => {
console.log(data)
})
$.post("http://10.35.161.142/dataOrigin.php?name=你好",data => {
console.log(data)
})
$("#query").click(function(){
$.ajax({
method:"get",
url:"http://10.35.161.142/dataOrisdfdfgin.php",
data:{
name:$("#name").val(),
age:18
},
success(data){
console.log(data)
},
error(message){
console.log("失败啦~")
},
async:true,
beforeSend(xhr){
},
cache:true,
complete:function(a,b){
console.log(a.responseText)
},
})
})
jquery版JSONP请求
$.ajax({
url:"http://xxx.xxx.xxx/xx",
dataType:"jsonp",
success(data){
console.log(data)
}
})
$("#name").keyup(function(){
$.ajax({
url:"http://suggestion.baidu.com/su",
data:{
wd:$("#name").val()
},
dataType:"jsonp",
jsonp:"cb",
jsonpCallback:"xiaowang",
success(data){
$("#list").html("")
data.s.forEach(item=>{
$("#list").append($("<li></li>").html(item))
})
}
})
})