最全ajax

>

    h1>XMLHttpRequest - Ajax请求="XmlGetRequest();"="Get发送请求" />

    src="/statics/jquery-1.12.4.js">

         GetXHR(){
             xhr null;
            if(XMLHttpRequest){
                xhr  XMLHttpRequest();
            }else{
                xhr  ActiveXObject(Microsoft.XMLHTTP);
            }
            return xhr;
        }
         XmlGetRequest(){
             GetXHR();
            // 定义回调函数
            xhr.onreadystatechange (xhr.readyState == 4){
                     已经接收到全部响应数据，执行以下操作
                     data  xhr.responseText;
                    console.log(data);
                }
            };
             指定连接方式和地址----文件方式
            xhr.open(get,/test/true);
             发送请求
            xhr.send();
        }
    >

1. jQuery.get(...)
       所有参数：
              url: 待载入页面的URL地址
             data: 待发送 Key/value 参数。
          success: 载入成功时回调函数。
         dataType: 返回内容格式，xml,json,script,text,html

2.jQuery.post(...)
       所有参数：
              url: 待载入页面的URL地址
             data: 待发送 Key/value 参数
          success: 载入成功时回调函数
         dataType: 返回内容格式，xml,128)">3.jQuery.getJSON(...)
       所有参数：
              url: 待载入页面的URL地址
             data: 待发送 Key/value 参数。
          success: 载入成功时回调函数。

4.jQuery.getScript(...)
       所有参数：
              url: 待载入页面的URL地址
             data: 待发送 Key/value 参数。
          success: 载入成功时回调函数。

5.jQuery.ajax(...)
       部分参数：
              url：请求地址
             type：请求方式，GET、POST（1.9.0之后用method）
          headers：请求头
             data：要发送的数据
      contentType：即将发送信息至服务器的内容编码类型(默认: "application/x-www-form-urlencoded; charset=UTF-8")
            async：是否异步
          timeout：设置请求超时时间（毫秒）
       beforeSend：发送请求前执行的函数(全局)
         complete：完成之后执行的回调函数(全局)
          success：成功之后执行的回调函数(全局)
            error：失败之后执行的回调函数(全局)
          accepts：通过请求头发送给服务器，告诉服务器当前客户端课接受的数据类型
         dataType：将服务器端返回的数据转换成指定类型
            xml": 将服务器端返回的内容转换成xml格式
           text": 将服务器端返回的内容转换成普通文本格式
           html": 将服务器端返回的内容转换成普通文本格式，在插入DOM中时，如果包含JavaScript标签，则会尝试去执行。
         script": 尝试将返回值当作JavaScript去执行，然后再将服务器端返回的内容转换成普通文本格式
           json": 将服务器端返回的内容转换成相应的JavaScript对象
          jsonp": JSONP 格式使用 JSONP 形式调用函数时，如 myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数

跨域ajax

由于浏览器存在同源策略机制，同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。所以ajax本身是不可以跨域的，通过产生一个script标签来实现跨域。因为script标签的src属性是没有跨域的限制的。

浏览器同源策略并不是对所有的请求均制约：

• 制约：XmlHttpRequest
• 不制约：img、iframe、script等具有src属性的标签

注：自己模拟跨域，需要现在自己电脑的host文件里面添加两条域名，我这里添加的是zhangyanlin.com和aylin.com这两个域名

一、JSONP实现跨域请求

JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问。jsonp只能通过get方式进行跨域请求

# 采用pythontornado框架来进行的
class IndexHandler(tornado.web.RequestHandler):
    def get(self):
        self.write('func([11,33]);')
    def post(self,*args,**kwargs):
        self.write(t2.post')

条件：
    1、请求方式：HEAD、GET、POST
    2、请求头信息：
        Accept
        Accept-Language
        Content-Language
        Last-Event-ID
        Content-Type 对应的值是以下三个中的任意一个
                                application/x-www-form-urlencoded
                                multipart/form-data
                                text/plain
 
注意：同时满足以上两个条件时，则是简单请求，否则为复杂请求

class MainHandler(tornado.web.RequestHandler):
    def get(self):
        self.set_header('Access-Control-Allow-Origin',"http://www.xxx.com")
        self.write('{"status": true,"data": "seven"}')

class MainHandler(tornado.web.RequestHandler):
    
    def put(self):
        self.set_header('Access-Control-Allow-Origin',"data": "seven"}')

    def options(self,**kwargs):
        self.set_header('Access-Control-Allow-Origin',"http://www.xxx.com")
        self.set_header('Access-Control-Allow-Headers',"k1,k2")
        self.set_header('Access-Control-Allow-Methods',"PUT,DELETE")
        self.set_header('Access-Control-Max-Age',10)