ajax请求写法6,6-AJAX请求

1、XMLHttpRequest对象(不支持跨域)

function ajax_method(success){

var request;

if (window.XMLHttpRequest) {

request=new XMLHttpRequest();

}else {

request=new ActiveXObject('Microsoft.XMLHTTP');

}

request.onreadystatechange=function(){

if (request.readyState===4) {

if (request.status===200) {

return success(request.responseText)

}else {

return fail(request.status)

}

}

}

request.open('GET','../data/req.json');

request.send();

}

2:JSONP跨域请求

img / script src属性其实走的并不是同源策略

function getPrice() {

let js=document.createElement('script');

let head=document.getElementsByTagName('head')[0];

js.src='http://api.money.126.net/data/feed/0000001,1399001?callback=refreshPrice';

head.append(js);

}

3:jquery AJAX请求

$.ajax({

url:'../data/req.json',

type:'GET',

async:true,

data:'',

success:function(data){

console.dir(data)

},

error:function(err){

console.dir(err)

}

})