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)

          }

        })