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