美文网首页
jsonp 跨域小记

jsonp 跨域小记

作者: Tiny_z | 来源:发表于2016-11-19 21:28 被阅读8次

本文主要记录使用jsonp进行跨域的一些细节

  $('.btn').on('click',function(){
        $.get(
            'xxx.html',
            function(data){
                //do something
            },
            'json'
        )
    });

上面是我们通常调取某个接口信息的方式,但如果这个接口不是在我们本域名,就会产生跨域的问题,下面我们可以更改一下,使用jsonp的方式来调用某个接口

$('.btn').on('click',function(){
        $.ajax({
             type: "get",
             url: "xxx.json",
             dataType: "jsonp",
             success: function(json){
                 //do something
             },
             error: function(){
                 //fail
             }
         });
    });

我们可以模拟一个json数据,但是在这个json里面返回的数据格式需要改一下,类似下面这样.jsonp只支持get方式

  callback({"status":1})

相关文章

  • 对jsonp 的理解认识

    什么是跨域?为什么要跨域呢?听说jsonp能. 为什么jsonp能跨域呢?什么时候使用jsonp?怎么使用json...

  • 浏览器跨域问题,教你手写实现jsonp跨域

    跨域概述为什么会有跨域跨域解决办法:1、jsonp;2、后台代理手写实现jsonp跨域(包括服务器端代码) 跨域问...

  • ajax跨域请求

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

  • jsonp 跨域小记

    本文主要记录使用jsonp进行跨域的一些细节 上面是我们通常调取某个接口信息的方式,但如果这个接口不是在我们本域名...

  • cookie和跨域数据交互(jsonp)

    cookie: 跨域数据交互(jsonp) 谁能跨域:JSONP/iframe-window.name/h5-PO...

  • 复习jsonp和promise

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

  • 跨域

    本文介绍跨域的八种方法: JSONP只要说到跨域,就必须聊到 JSONP,JSONP全称为:JSON with P...

  • 解决ajax跨域问题

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

  • 交互那些事(二)

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

  • 做demo和学习过程当中遇到的一些问题,收集的博文

    轻松搞定JSONP跨域请求--->关键字: 跨域, 同源策略, JSONP原理 git拉取远程分支到本地 git ...

网友评论

      本文标题:jsonp 跨域小记

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