1咒循、XMLHttpRequest對(duì)象(不支持跨域)
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跨域請(qǐng)求
img / script src屬性其實(shí)走的并不是同源策略
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請(qǐng)求
$.ajax({
? ? ? ? ? url:'../data/req.json',
? ? ? ? ? type:'GET',
? ? ? ? ? async:true,
? ? ? ? ? data:'',
? ? ? ? ? success:function(data){
? ? ? ? ? ? console.dir(data)
? ? ? ? ? },
? ? ? ? ? error:function(err){
? ? ? ? ? ? console.dir(err)
? ? ? ? ? }
? ? ? ? })
