最新公告
  • 欢迎您光临IO源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • CORS跨域请求 PDF 下载

    CORS跨域请求  PDF 下载

    本站整理下载:
    链接:https://pan.baidu.com/s/1rTdRSLm5Ux9Oqv8bgTd2-w 
    提取码:fy76 
     
     
    相关截图:
     
    主要内容:

    目标1:掌握跨域请求CORS解决方案
    目标2:完成结算页收货人地址选择功能
    目标3:完成结算页支付方式选择
    目标4:完成结算页商品清单功能
    目标5:完成保存订单功能
    1.商品详细页跨域请求【CORS】
    1.1需求分析
    从商品详细页点击“加入购物车”按钮,将当前商品加入购物车,并跳转到购物车页面。
    1.2什么是跨域请求
     
    JavaScript在不同域名之间请求数据,域名不同或者端口不同的请求都叫跨域请求。由于JavaScript同源策略的限制,处于安全的考虑;js只能获取自己域名下的资源,不能跨域请求资源。
    注意:只要协议、域名、端口有任何一个不同,都被当作是不同的域。
    1.3 JS跨域请求测试
    pinyougou-item-web/src/main/webapp/js/controller/itemController.js,引入$http,修改addToCart方法:
    /** 商品详细页(控制层)*/
    app.controller(‘itemController’,function($scope,$controller,$http){
        ……
    /** 添加SKU商品到购物车 */
    $scope.addToCart = function(){
       $http.get(“http://cart.pinyougou.com/cart/addCart?itemId=”
             + $scope.sku.id + “&num=” + $scope.num)
          .then(function(response){
             if (response.data){
                /** 跳转到购物车页面 */
                location.href=’http://cart.pinyougou.com/cart.html’;
             }else{
                alert(“请求失败!”);
             }
          });
     };
    });
    发现无法Ajax跨域请求:
    No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://item.pinyougou.com’ is therefore not allowed access. 
     
    1.4跨域请求解决方案
    1.4.1方案一【JSONP】
    JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。
    具体实现原理参考:【资料\JSONP跨域请求原理.pdf】
    1.4.2方案二【CORS】
    CORS是一个W3C标准,全称是”跨域资源共享”(Cross-origin Resource Sharing)。CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。
    它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全一样。浏览器一旦发现AJAX请求跨源,就会自动添加一些附加的头信息,有时还会多出一次附加的请求,但用户不会有感觉。因此,实现CORS通信的关键是服务器。只要服务器实现了CORS接口,就可以跨源通信。请求过程如下图:

     

    *** 次数:10600 已用完,请联系开发者***

    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!384324621@qq.com
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有★币奖励和额外收入!

    IO 源码网 » CORS跨域请求 PDF 下载

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    IO源码吧
    一个高级程序员模板开发平台

    发表评论

    • 177会员总数(位)
    • 12338资源总数(个)
    • 55本周发布(个)
    • 8 今日发布(个)
    • 563稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情