学习ajax的时候非常熟练,不说倒背如流也是随手就写的,今天被同事叫去帮忙写ajax,居然忘的要百度了,太丢人了。。。重新回顾笔记整理出来,谨记教训。
1、ajax原生get请求:
var ajax = new XMLHttpRequest(); ajax.open("GET", "./aaa", true); ajax.send(); ajax.onreadystatechange = function () { if(ajax.readyState==4 && ajax.status==200){ var d = JSON.parse(ajax.responseText); var str=""; for(var i=0;i< d.news.length;i++){ str += "<li>"+ d.news[i].title+"</li>" } cot.innerHTML=str; } }
2、ajax原生post请求
var ajax = new XMLHttpRequest();
ajax.open("post","/aa");
ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
ajax.send("id=100&name=tom");
ajax.onreadystatechange=function(){
if(ajax.readyState==4 && ajax.status==200){
var data=JSON.parse(ajax.responseText);
console.log(data);
}
}
3、ajax请求 jquery写法
$.ajax({
url:"/abc",
data:{id:100,name:"tom"},
type:"get",
async:true,
timeout:5000,
success:function(msg){
console.log(msg);
},
complete:function(){
console.log("OK")
}
})
4、ajax请求jquery简写
$.get("/abb",{id:100,name:"tom"},function(data){
console.log(data)
})
$.post("/abd",{id:200,name:"jim"},function(data){
console.log(data);
})
实用代码,这次记住了