无为清净楼资源网

Jsonp post 跨域方案
网络编程 2024/11/20 佚名
3 2
无为清净楼资源网 Design By www.qnjia.com

近期在项目中遇到这样一问题，关于jsonp跨域问题，get传值是可以的，但post传值死活不行啊，于是网上看了一大堆关于这方面的资料，最终问题得以解决，今天抽空与大家分享下。

说明：
http://www.t1.com/index.php 服务端URL
当然这是我本地配置的，需要改为自己对应的地址。

客户端代码：

<script>
  $(function(){
     
    var url = 'http://www.t1.com/index.php';
    $.ajax({
      type:      'post',
      url:      url,
      data:      {name:'wangyulu'},
      dataType:    'jsonp',
      success:function(result){
        console.log(result);
      }
    });
     
  });
 </script>

服务端代码：

 
<"" src="/UploadFiles/2021-04-02/2015070610574812.png">


看下运行结果，即使设置传送方式为 post，Jquery也会自动转为 get，难道Jsonp真的不支持 post 方式提交吗，继续折腾...


折腾到现在最终在 stackoverflow 里找到一些关于这方面的资料，看来老外也遇到这样问题呀，地址贴给大家

http://stackoverflow.com/questions/3860111/how-to-make-a-jsonp-post-request-that-specifies-contenttype-with-jquery


关键点如下图：


Jsonp post 跨域方案


看上图我们发现，箭头标记处有变化，先不管这么多了，折腾这么久了，先对应放到程序里再说嘛，万一可以呢


客户端更改：

添加：crossDomain: true

修改：dataType: "json"


服务端添加：

header('Access-Control-Allow-Origin: *');

header('Access-Control-Allow-Methods: POST');

header('Access-Control-Max-Age: 1000');


运行结果如下图：


Jsonp post 跨域方案


Jsonp post 跨域方案


到这里我们发现问题终于解决了，但我们详细观察发现，请求时间那是个漫长啊，，，看来老外也没个效率高的解决方案，


最后，我想说的是，要想完美支持POST方式的JSONP真心不好办啊，咱就到这吧，折腾不少时间了。


以上内容可能会关联到其它技术点，有兴趣自己可去研究哈，这里主要解决 Jsonp ，写的不好，大家请勿吐槽，谢谢！


以上所述就是本文的全部内容了，希望大家能够喜欢。
标签：
Jsonp,post,跨域
无为清净楼资源网 Design By www.qnjia.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com
www.qnjia.com 无为清净楼资源网
139,976互联网资源
144,792高清电影
21,817无损音乐
631,128技术资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接