美文网首页
jquery ajax 跨域问题,jsonp的解决方法

jquery ajax 跨域问题,jsonp的解决方法

作者: 蜗牛fly | 来源:发表于2016-07-08 01:21 被阅读0次

在使用ajax时,出现跨域问题

  • 问题code
$.ajax({
           url: "http://10.10.10.10:8080/test,
           type: 'get',
           dataType: 'json',
           success: function (data) {
               console.log(data);
           },
          error:function(error){
               console.log(error);
          }
});
//这里会报错,出现跨域问题
  • 修改以后
$.ajax({
           url: "http://10.10.10.10:8080/test,
           type: 'get',
           dataType: 'jsonp',
           jsonp: "callback",
           jsonpCallback:"jsonpCallback",
           success: function (data) {
               console.log(data);
           },
          error:function(error){
               console.log(error);
          }
});
function jsonpCallback(data){
          console.log(data);
  }
//这里jsonpCallback(可以自定义,但是得和服务器返回的名称保持一致)。
//是请求的数据后,返回回来的json串中回调函数的名称。
//所以你只需在定义一个名为jsonpCallback 的function,请求成功后会调用这个函数。
  • 注意
    后台返回的数据,必须要用回调函数包起来。比如如果你本来返回的数据为:[{name:"zhangsan",age:18}]
    使用jsonp请求后,就应该返回:
    jsonpCallback([{name:"zhangsan",age:18}])(这点很重要)。

相关文章

  • ajax跨域请求

    ajax跨域请求(jsonp) 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案JSONP jQue...

  • 解决ajax跨域问题

    Jsonp解决ajax跨域问题 CORS解决ajax跨域问题

  • 跨域上传图片并预览

    跨域上传文件 之前解决跨域问题都是使用的JQuery的JSONP类型的Ajax请求,JSONP原理是让服务器把数据...

  • 跨域实战解决方案

    一.跨域方案 1.JSONP跨域 (1)前端发起jQuery ajax 的get请求 $.getJSON...

  • 交互那些事(二)

    说完ajax我想必须说说jsonp了,谈到jsonp就必须先说说跨域,首先ajax是不能跨域的,除非后台允许跨域或...

  • ajax 设置Access-Control-Allow-Orig

    ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种...

  • vue-resource怎么解决跨域

    ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种...

  • vue-resource怎么解决跨域

    ajax跨域访问是一个老问题了,解决方法很多,比较常用的是JSONP方法,JSONP方法是一种非官方方法,而且这种...

  • jsonp使用中遇到的问题 Uncaught SyntaxErr

    以前直接用jQuery的$.ajax({dataType:"jsonp"})方法做跨域请求,没有深入研究why和h...

  • 使用JSONP解决ajax跨域

    在日常开发中,不免遇到跨域的问题。在这里我们介绍使用Jsonp来解决ajax跨域的问题 什么是跨域? 跨域,指的是...

网友评论

      本文标题:jquery ajax 跨域问题,jsonp的解决方法

      本文链接:https://www.haomeiwen.com/subject/uegljttx.html