作家
登录

前端跨域请求原理及实践

作者: 来源: 2017-05-25 11:45:23 阅读 我要评论

  •     $.ajax({ 
  •  
  •         url: 'http://localhost:3001/ajax/deal'
  •  
  •         data: data, 
  •  
  •         dataType: 'jsonp'
  •  
  •         cache: false
  •  
  •         timeout: 5000, 
  •  
  •         // jsonp 字段含义为办事器经由过程什么字段获取回调函数的名称 
  •  
  •         jsonp: 'callback'
  •  
  •         // 声明本地回调函数的名称,jquery 默认随机生成一个函数名称 
  •  
  •         jsonpCallback: 'jsonpCallback'
  •  
  •         success: function(data) { 
  •  
  •             console.log("ajax success callback: " + data.name
  •  
  •         }, 
  •  
  •         error: function(jqXHR, textStatus, errorThrown) { 
  •  
  •             console.log(textStatus + ' ' + errorThrown); 
  •  
  •         } 
  •  
  •     }); 
  •  
  • });  
  • 办事器 3001 上对应的处理函数为:

    1. app.get('/ajax/deal'function(req, res) { 
    2.  
    3.     console.log("server accept: ", req.query.name, req.query.id) 
    4.  
    5.     var data = "{" + "name:'" + req.query.name + " - server 3001 process'," + "id:'" + req.query.id + " - server 3001 process'" + "}" 
    6.  
    7.     var callback = req.query.callback 
    8.  
    9.     var jsonp = callback + '(' + data + ')' 
    10.  
    11.     console.log(jsonp) 
    12.  
    13.     res.send(jsonp) 
    14.  

        推荐阅读

        PinDemonium通用动态脱壳工具

      一、简介本文是对16年的blackhat大年夜会上PinDemonium通用动态脱壳对象介绍。1. 通用脱壳对象简介通用脱壳对象可以经由过程以下办法实现: -debuggers -kernel modules -hyperv>>>详细阅读


      本文标题:前端跨域请求原理及实践

      地址:http://www.17bianji.com/lsqh/35417.html

    关键词: 探索发现

    乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

    网友点评
    自媒体专栏

    评论

    热度

    精彩导读
    栏目ID=71的表不存在(操作类型=0)