文档章节

ajax请求由get/post变成options由跨域引起

EDIAGD
 EDIAGD
发布于 2013/07/24 18:10
字数 447
阅读 2700
收藏 3

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

1:在做微信公众平台上的开发时,发现,本来在pc端好好的ajax请求,到了手机页面上就无效了,用UC开发者手机浏览器连接pc测试,发现手机上的页面后台请求,ajax本来是get变成了options了,搞了好久,最后解决了。问题的原因http://www.clanfei.com/2012/08/1637.html这个链接上文章解释了引发跨域的原因。

2:我用jQuery的方式解决的,http://api.jquery.com/jQuery.getJSON/两种解决思路,

 

jQuery中如何通过JSONP来跨域获取数据

(1) 第一种方法是在ajax函数中设置dataType为'jsonp':

 

 

  1. $.ajax({
  2.         dataType: 'jsonp',
  3.         url: 'http://www.a.com/user?id=123',
  4.         success: function(data){
  5.                 //处理data数据
  6.         }
  7. });

(2) 第二种方法是利用getJSON来实现,只要在地址中加上callback=?参数即可:

 

 

  1. $.getJSON('http://www.a.com/user?id=123&callback=?', function(data){
  2.         //处理data数据
  3. });

我是通过第二种方式,

 

js中的代码:

var data= {id:2};//传参数
//注意url一定要以callback=?的形式拼接,callback参数名可以自定义,
                    var url = 'http://weixin.hehehe.com/filing/charge.json?callback=?';
                    $.getJSON(url,data,function(backdata){
                      alert(backdata)//后台返回json格式的数据
                    });

java后台的代码

@RequestMapping(value = "filing/charge", method = RequestMethod.GET)
    public void charge(Integer id, HttpServletRequest request, HttpServletResponse response) throws IOException {
        String callback = request.getParameter("callback");//jquery生成的自定义函数名
        response.setCharacterEncoding("UTF-8");
        response.setContentType("text/json;charset=utf-8");
        PrintWriter out = response.getWriter();
        out.print(callback + "("+ JSON.toJSONString(list)+")");
        out.flush();
        out.close();
    }

这里面的list是一个后台数据库查询的list集合,把这个list集合转换成json格式传到前台js中.

到此就解决ajax跨域的问题了。

后续有很多开发填坑的文章发布,如果对你有帮助,请支持和加关注一下

http://e22a.com/h.05ApkG?cv=AAKHZXVo&sm=339944

https://shop119727980.taobao.com/?spm=0.0.0.0 

© 著作权归作者所有

EDIAGD
粉丝 50
博文 149
码字总数 58327
作品 0
嘉定
后端工程师
私信 提问
AJAX中出现两次请求,OPTIONS请求和GET请求

在项目中发现ajax中出现两次请求,OPTIONS请求和GET请求,得到的数据出错,所以想要去掉OPTIONS请求。 ajax请求如下: 查看到浏览器NetWork有两次请求,请求url一样: 查找原因是浏览器对简单...

Jack088
2018/06/29
144
0
探讨跨域请求资源的几种方式

探讨跨域请求资源的几种方式 什么是跨域 JSONP proxy代理 cors xdr   由于浏览器同源策略,凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。具体可以查看下表...

yzy121403725
2017/10/20
0
0
$.ajax post方式变成OPTIONS 跨域请求

$.ajax post方式变成OPTIONS 跨域请求,怎么把让它还是post请求

daoinfo
2013/06/17
51.1K
10
前端筑基篇(一)->ajax跨域原理以及解决方案

说明 本文内容较老,而且已经不再更新,最新更新请移步 http://www.jianshu.com/p/82b82d5dd1ea 跨域主要是由于浏览器的“同源策略”引起,分为多种类型,本文主要探讨Ajax请求跨域问题 前言 ...

撒网要见鱼
2016/09/21
0
0
.NET Core API CORS

最近参与一个前后端分离的项目,后端基于 .NET Core 2.1 开发,在进行前后端对接的过程中,被跨域问题折腾得有点脾气了,这里把经验和大家分享一下。 GET/POST 请求 在服务端不做任何调整的情...

BeckJin
2018/08/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周一乱弹 —— 我的视频网站vip账号和我厚脸皮的朋友们

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @Cobbage :分享小海的单曲《衡山路(2016现场版)》: 《衡山路(2016现场版)》- 小海 手机党少年们想听歌,请使劲儿戳(这里) @FalconChe...

小小编辑
今天
6
0
Spring Cloud Alibaba 实战(十二) - Nacos配置管理

> 本章主要内容是:使用Nacos管理配置以及实现配置管理的原因,配置如何管理以及动态刷新和最佳实现总结,最后是Nacos配置刷新原理解读 该技术类似于Spring Cloud Config 1 配置管理的意义 项目...

JavaEdge
今天
9
0
面试官问你编码相关的面试题,把这篇甩给他就完事!

前情回顾:Java中一个字符占两字节 但为什么new String("字").getBytes().length 返回3个字节 今天主要聊一聊: 字节 字符 字符集 编码 字符编码 Java 内码和外码 Unicode 字节 例如 :00001...

gzc426
今天
10
0
写的简单sh脚本2

#!/bin/bashexport LANG="en_US.UTF-8"#chmod +x filename 记得给文件加可执行权限#./vsimstart.sh#启动vsim项目echo "start vism"#207------------------------------assets=vsim-a......

hexiaoming123
昨天
7
0
java基础(1)变量和常量

概要和总结: 数据类型图: 基本数据类型:只有基本功能-----保存数据 (4类8种)byte-short-int-long-float-double-char-boolean 引用数据类型:有更多功能,保存数据,处理数据...

煌sir
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部