jsonp跨域问题记录
这段时间用H5做移动app开发,遇到不少之前做web的时候不曾遇到的问题,记录一下,共勉~~
首先说一个:js跨域取数的问题
描述: 之前做web都是通过后台获取数据,没考虑过跨域的问题。这次用h5写的app通过ajax去
公司现有的web系统里拿数据,怎么也拿不到。网上查原因发现需要跨域。网上相关信息不少,但是
跟着人家的描述就是调不同,n次尝试后终于OK,记录下:
什么是jsonp及jsonp与json的区别网上信息很多这里就不做详细介绍了。
一.前台代码:
1.在jsp/html页面加入一个变量:
<script type="text/javascript">
var jsonpCallback = function (data) {
}
</script>
p: 此处的jsonpCallback变量要与后台接口返回的变量一致
2.在controller调用:
url = '系统访问地址?要传的参数&jsonpCallback=JSON_CALLBACK';
$.ajax({
    type : "get",
    async : true,
    url : url,
    dataType : "jsonp",
    jsonp : "callback",
    jsonpCallback : "jsonpCallback",
    success : function(data) {
      alert("成功!");
    },
    error : function(data) {
      alert("失败!");
    }
  });
===============前台代码结束==============
2.后台接口:
采用jsonp请求时,返回的结果也应该是jsonp格式的。其格式如下:
jsonpCallback({"code":"0","errorMsg":null,"successResult":{"tokenkey":"b70979f623cc441fb0948d5563acda03"}})
即:返回的变量名(json)。
jsonp跨域问题记录的更多相关文章
- 我的jsonp跨域问题
		
关于jsonp跨域问题,在这个方面也是了解一点点,先记录下来,主要作为以后查看,之前下载并安装过wampserver,了解到了jsonp和json的区别,现在谈谈跨域这个问题: 首先什么是跨域,简单地 ...
 - 06: AJAX全套 & jsonp跨域AJAX
		
目录: 1.1 AJAX介绍 1.2 jQuery AJAX(第一种) 1.3 原生ajax(第二种) 1.4 iframe“伪”AJAX(第三种) 1.5 jsonp跨域请求 1.6 在tornad ...
 - jsonp跨域简单应用(一)
		
转载:http://www.cnblogs.com/cyg17173/p/5865364.html ashx+jsonp+document.referrer -- 一年前学的JSONP 跨域,一年 ...
 - 原生JS封装Ajax插件(同域&&jsonp跨域)
		
抛出一个问题,其实所谓的熟悉原生JS,怎样的程度才是熟悉呢? 最近都在做原生JS熟悉的练习... 用原生Js封装了一个Ajax插件,引入一般的项目,传传数据,感觉还是可行的...简单说说思路,如有不正 ...
 - 借助node实战JSONP跨域
		
一.前言: 浏览器安全是基于同源策略的.所谓同源策略就是三相同: 1.协议相同: 2.域名相同: 3.端口相同. 但,凡事都是有利弊,同源策略也导致了我们想用AJAX跨域请求,但NO!!为了规避这种限 ...
 - jsonp跨域+ashx(示例)
		
前言 做B/S项目的时候,我们一般使用jquery+ashx来实现异步的一些操作,比如后台获取一些数据到前台,但是如果ashx文件不在本项目下,引用的是别的域下的文件,这时候就访问不了.关于jsonp ...
 - Jsonp跨域访问
		
很早之前看过好几篇跨域访问的文章,然后做项目的时候基本没有遇到跨域访问的问题.不过该来的还是会来,前些天终于让我遇到了.于是重温了一下原理这些,再进行实战.于是现在也敢通过实战后的一些理解来和大家分享 ...
 - jsonp 跨域请求
		
背景: JavaScript是一种在Web开发中经常使用的前端动态脚本技术.在JavaScript中,有一个很重要的安全性限制,被称为"Same-Origin Policy"(同源 ...
 - jsonP跨域调用
		
-------------------------------------jsonP跨域调用------------------------------------- <div class=&q ...
 
随机推荐
- poj 1149 Pigs 网络流-最大流 建图的题目(明天更新)-已更新
			
题目大意:是有M个猪圈,N个顾客,顾客要买猪,神奇的是顾客有一些猪圈的钥匙而主人MIRKO却没有钥匙,多么神奇?顾客可以在打开的猪圈购买任意数量的猪,只要猪圈里有足够数量的猪.而且当顾客打开猪圈后mi ...
 - richTextBox设置选中的字体属性
			
执行一次设置选中的字体样式 再执行一次恢复正常 //粗体 public void ToggleBold() { if (richTextBox1.SelectionFont == null ...
 - [React] React Fundamentals: Precompile JSX
			
The JSX Transformer library is not recommended for production use. Instead, you'll probably want to ...
 - oracle2
			
为什么选择oracle--性能优越 概述:目前主流数据库包括 微软: sql server和access 瑞典MySql: AB公司mysql ibm公司: db2(处理海量) 美国Sybase公司: ...
 - Mysql show Status参数详解
			
状态名 作用域 详细解释 Aborted_clients Global 由于客户端没有正确关闭连接导致客户端终止而中断的连接数 Aborted_connects Global 试图连接到MySQL服务 ...
 - 自主创建tcpdump/wireshark pcap文件
			
pcap文件格式是bpf保存原始数据包的格式,很多软件都在使用,比如tcpdump.wireshark等等,了解pcap格式可以加深对原始数据包的了解,自己也可以手工构造任意的数据包进行测试. p ...
 - How and Why Unsafe is Used in Java---reference
			
By Peter Lawrey https://www.voxxed.com/blog/2014/12/how-and-why-unsafe-is-used-in-java/ Overview sun ...
 - iOS开发-javaScript交互
			
前言 当前混合开发模式迎来了前所未有的发展,跨平台开发.热更新等优点决定了这种模式的重要地位.虽然前端界面在交互.动效等多方面距离原生应用还有差距,但毫无疑问混合开发只会被越来越多的公司接受.在iOS ...
 - Java基础知识强化之网络编程笔记07:TCP之服务器给客户端一个反馈案例
			
1. 首先我们搭建服务器端的代码,如下: package cn.itcast_07; import java.io.IOException; import java.io.InputStream; i ...
 - System Operations on AWS - Lab 1W - Creating EC2 (Windows)
			
1. 创建CommandHost实例,登录到CommandHost,通过AWS CLI创建WebServer实例. 1.1 为CommandHost实例创建一个IAM角色 1.2 创建CommandH ...