Ajax

ajax随笔

原生js

var xhr;

if(window.XMLHttpRequet) {

xhr = new XMLHttpRequest();

} else {

xhr = ActiveXObject("Microsoft.XMLHTTP");

} //创建一个XML对象

xhr.onreadyStatechange = function() {

if(readyState == 4) {

if((status >= 200 && status < 300) || status == 304) {

document.getElementById("div1").innerHTML = xhr.responseText;

}

}

}

xhr.open("GET","url",true);

xhr.send();

 

 

Jquery Ajax使用

$.ajax({

url: 'xxx',

type:'get',

dataType:'json',

success: function(data) {

// for(var i in data.data) {

// var tr;

// tr = '<td>'+data.data[i].name+ '</td>'+'<td>'+data.data[i].startTime+ '</td>'; data.data指的是数组

// $("#tableTest").append('<tr>'+ tr + '</tr>');

// }使用for in

$.each(data.data,function(index,item) {

var tr;

tr = '<tr>' + item.name + '</tr>' + '<tr>' + item.startTime + '</tr>' //用$.each()进行循环 $.each()有两个参数 一个是数据本身，一个是进行循环的函数，函数内部有两个参数，第一个是index也就是i，第二个是那个第i位的数据

})

}

})

//append在</table>前加入

//prepend在<table>后加入

//before在<table>前加入

//after在</table>后加入