美文网首页
jquery jsonp真的是支持post吗?

jquery jsonp真的是支持post吗?

作者: Author_z | 来源:发表于2017-03-13 18:33 被阅读0次

最近在做一个页面需要用异步获取数据,接口需要传递参数才能拿到数据!
考虑过vue,angular...什么的,想了想,就一个分享的单页面懒得用这些框架了,就用jquery算了!
但是...怎么都拿不到数据,提示404错误(服务端做了跨域处理)
报错:

bug.png

再贴下代码:

            $.ajax({
                url:'https://xxx.xxxx.com/api/homes/search/p/1',
                data:{keyword:123},
                type:'POST',
                dataType:'jsonp',
                jsonp:"jsonpcallback",
                async:true,
                cache:false,//缓存数据
                beforeSend:function(){
                    console.log('数据拉取中...')
                },
                success:function(res){
                    console.log(res);
                },
                error:function(err){
                    console.log(err)
                },
                complete:function(XMLHttpRequest, textStatus){
                    console.log('数据加载完成') 
                }
            })

再上面的报错信息中我们也看到了,就是写的是post方式,其实最终都是用的get方式传递的

所以你即使设置为POST,datatype为jsonp时 POST请求同样会被转化成GET。

难道是JSONP不支持POST方式发起请求吗?
找到这篇文章:http://www.nowamagic.net/librarys/veda/detail/224
从文中可以看出,其实使用特殊的方法也是可以支持POST的,不过太过繁琐。作者举的例子为:动态创建iframe方式POST跨域。
我想说的是,如果要想支持POST方式的JSONP很难,咱就别难为自己了,大不了和后台打一架也要把接口改了

相关文章

  • jquery jsonp真的是支持post吗?

    最近在做一个页面需要用异步获取数据,接口需要传递参数才能拿到数据!考虑过vue,angular...什么的,想了想...

  • lesson35-JSONP

    为什么JSONP不支持POST请求? 因为JSONP是通过动态创建 实现的 动态创建 无法发起POST请求

  • JSONP理解和实现

    JSONP的格式 JSONP 不支持 POST的原因 i、因为JSONP是通过创建script实现的 ii、动态创...

  • form表单提交跨域(原生js)

    因为是post方式,所以jsonp的方法不可以,只能模拟表单提交如果依赖jquery的话可以参考jquery版本 ...

  • JSONP

    JSONP(只能发送get请求,不支持post、put、delete;不安全xss攻击) jsonp的详细介绍在...

  • JS-18day

    1、jsonp公开接口 2、jQuery-jsonp 3、jsonp

  • 2018-12-10

    节点操作 ajax jsonp jQuery-jsonp jsonp公开接口

  • 2018-07-30

    一 ajax 二 jsonp 三 jquery-jsonp 四 jsonp公开接口

  • ajax

    1、ajax 2、jsonp 3、jQuery-jsonp 4、jsonp公开接口

  • JSONP、JQuery发送AJAX、JSONP请求

    1.JSONP 2.JQuery发送AJAX、JSONP请求 1.JSONP JSONP利用JavaScript...

网友评论

      本文标题:jquery jsonp真的是支持post吗?

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