• ajax笔记五


    目录

      一 同源策略和跨域

    二 JSONP

    (1)实现原理

    (2)实现一个简单的JSONP

    (3)jQuery中的JSONP

    三 淘宝搜索

    四 节流 

    节流案例-鼠标跟随效果


      一 同源策略和跨域

    (1)同源

    如果两个页面的协议域名端口都相同,则两个页面具有相同的源。
    例如,下表给出了相对于http://www.test.com/index.html页面的同源检测:

     同源策略(英文全称Same origin policy) 是浏览器提供的一个安全功能
    同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。
    通俗的理解:浏览器规定, A网站的JavaScript,不允许和非同源的网站C之间,进行资源的交互,例如:
    ①无法读取非同源网页的Cookie、LocalStorage 和IndexedDB
    ②无法接触非同源网页的DOM

    ③无法向非同源地址发送Ajax请求

    (2)跨域
    同源指的是两个URL的协议、域名、端口-致,反之,则是跨域。
    出现跨域的根本原因:浏览器的同源策略不允许非同源的URL之间进行资源的交互。

    浏览器对跨域请求的拦截

    JSONP

    (1)实现原理

    由于浏览器同源策略的限制,网页中无法通过Ajax请求非同源的接口数据。但是