美文网首页
ajax使用jsonp获取跨域数据

ajax使用jsonp获取跨域数据

作者: 欧_汤姆 | 来源:发表于2019-08-03 11:25 被阅读0次

当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域

image.png

JSONP 是服务器与客户端跨源通信的常用方法。最大特点就是简单适用,兼容性好(兼容低版本IE),缺点是只支持get请求,不支持post请求。

$.ajax({
            url: "http://127.0.0.1:80/getLatestOpenDoorData",
            type: "post",
            data:{
              id://你想传递给服务端的数据
                      }
            dataType: "jsonp",//告诉jquery需要请求跨域的数据
            jsonp: "callback",//告诉jquery服务器在获取回调函数名称的时候需要用什么key来回去,默认就是callback
          jsonpCallback:"inj"  //告诉jquery服务器在获取回调函数名称的时候回调函数的名称是什么
            success: function (result) {
             }
            })

相关文章

  • 实现跨域的方法

    不同域下的接口获取数据,可以使用jsonp和cors。(ie10以下可以使用jsonp获取数据) jsonp实现跨...

  • 跨域上传图片并预览

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

  • jsonp详解

    title: jsonp详解tags:categories: ajax不允许跨域获取数据说明,假定后端语言是 ...

  • 复习jsonp和promise

    一.jsonp 1.jsonp是跨域访问api,ajax不能跨域 2.在vue中使用jsonp首先要安装jsonp...

  • 解决ajax跨域问题

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

  • ajax跨域请求

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

  • ajax使用jsonp获取跨域数据

    当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域 JSONP 是服务器与客户端跨源通...

  • 我所理解的JSONP跨域

    JSONP: json with padding 因为同源策略的存在,AJAX不能实现跨域获取数据,那么就有了用j...

  • JSONP详解

    JSONP是json的一种使用模式,可以让网页从别的域名那获取资料,即跨域读取资料。 AJAX请求普通文件存在跨域...

  • 常见跨域解决方案

    跨域 JSONP 使用 标签不受同源策略影响的特性,作为Ajax传输技术称为JSONP。 使用JSONP时,需要服...

网友评论

      本文标题:ajax使用jsonp获取跨域数据

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