zoukankan      html  css  js  c++  java
  • 跨域总结

    一、jsonp方式

    1.服务器搭建:

    文件jsonpcli.js:作为客户端服务器   jsonp.html:请求页

    文件jsonpser.js:作为服务端服务器  process_get:响应页

    运行这两个文件,客户端端口为8082,服务端端口为8081,跨域。

    2.跨域请求

    文件jsonp.html(三种方式任选一个)jsonp.html向process_get发出请求

    3.测试

    在浏览器中输入网址:http://127.0.0.1:8082/jsonp.html

    如图,请求成功!

    方式一

    方式二

    方式三

    二、XHR2方式

    依然上述三个文件,做部分修改,下图所示。

    1.修改

    请求页ajax不用jsonp方式,响应页头信息中加了字段"Access-Control-Allow-Origin"

    2.测试

    在浏览器中输入网址:http://127.0.0.1:8082/jsonp.html

    如图,请求成功!




    xhr响应过程:

    1.⊙o⊙发现这次跨域ajax请求是简单请求

    2.自动在请求头中添加一个Origin字段

    3.服务器根据Origin值,决定是否同意这次请求

    4.(∩_∩)同意,响应头里添加一个access-control-allow-origin字段,响应。(╯^╰)不同意,不加该字段,抛错,被error函数捕获。

  • 相关阅读:
    判断是否为蜘蛛抓取
    js Date
    JavaScript_Date对象说明
    php过滤字符串函数
    js 高考倒计时
    php 修改数据编码
    php 二维数组冒泡排序
    PSD网页切图制作HTML全过程教程
    产品经理职责
    互联网产品设计
  • 原文地址:https://www.cnblogs.com/taoxiaodan/p/6189392.html
Copyright © 2011-2022 走看看