文档章节

js跨域提交

lixinnan
 lixinnan
发布于 2015/01/24 17:23
字数 583
阅读 14
收藏 0

js跨域提交

    今天在项目中需要做远程数据加载并渲染页面,直到开发阶段才意识到ajax跨域请求的问题,隐约记得Jquery有提过一个ajax跨域请求的解决方式, 于是即刻翻出Jquery的API出来研究,发现JQuery对于Ajax的跨域请求有两类解决方案,不过都是只支持get方式。分别是JQuery的 jquery.ajax jsonp格式和jquery.getScript方式。

        什么是jsonp格式呢?API原文:如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型。使用这种类型 的话,会创建一个查询字符串参数 callback=? ,这个参数会加在请求的URL后面。服务器端应当在JSON数据前加上回调函数名,以便完成一个有效的JSONP请求。意思就是远程服务端需要对返回的数 据做下处理,根据客户端提交的callback的参数,返回一个callback(json)的数据,而客户端将会用script的方式处理返回数据,来 对json数据做处理。JQuery.getJSON也同样支持jsonp的数据方式调用。

        客户端JQuery.ajax的调用代码示例:

http://www.open-open.com/lib/view/open1334026513327.html


2

3

4

5

6

7

8

9

10

11

12

13

14

15

$.ajax({

    type : "get",

    async:false,

    url : "http://www.xxx.com/ajax.do",

    dataType : "jsonp",

    jsonp: "callbackparam",//服务端用于接收callback调用的function名的参数

    jsonpCallback:"success_jsonpCallback",//callback的function名称

    success : function(json){

        alert(json);

        alert(json[0].name);

    },

    error:function(){

        alert('fail');

    }

});


© 著作权归作者所有

lixinnan
粉丝 0
博文 61
码字总数 15921
作品 0
海淀
程序员
私信 提问
JSONP原理及JQUERY JSONP的使用

JSONP原理 JSON和JSONP   JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。对于JSON大家应该是很了解了吧,不是很清楚的朋友可以去json.org上了解下,简单易懂。   JSONP...

听风雨
2014/03/01
0
0
AJAX 跨域请求 - JSONP获取JSON数据

原文地址:http://justcoding.iteye.com/blog/1366102 AJAX 跨域请求 - JSONP获取JSON数据 博客分类: Javascript /Jquery / Bootstrap / Web Asynchronous JavaScript and XML (Ajax ) 是驱......

water014300
2014/12/22
0
0
Sina微博OAuth2框架解密

自从sina微博oauth2出来以后, 第三方集成开发简单了很多. Oauth2不像oauth1一样需要后台httpclient请求那么麻烦, 一切都可以在前台使用ajax实现了. 很多人觉得蹊跷, 对于一个第三方应用, 如何...

xpbug
2012/11/12
0
16
妥善的ajax跨域提交post请求的解决方案,结合PHP与jquery

开发背景: 在开发中采用了一个新的架构,将大部分客户的留言功能集成到一个公共API提交保存,采用不同的用户名区分,供客户查询自己网站的留言,这样节约了客户网站的资源,也提升了维护性。...

古红平
2014/08/04
0
0
面试 | Ajax进阶----jQuery中的Ajax(下)

剩下的两个API: 1.$.getScript()是动态获取js代码的 有时候我们看到在网上看到的一些效果,找不到对应js文件,那就说明有可能是动态获取js代码了。 $.getScript(url,callback) - 动态读取脚...

一个敲代码的前端妹子
2018/06/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

强引用、软引用、弱引用、虚引用

强引用: 脱离作用域 或对象被设为空会被回收 内存不足也不会被清理 软引用 脱离作用域 或对象被设为空会被回收 内存不足会被清理 弱引用 下一次GC 会被清理 虚引用 虚引用也称为幻影引用, ...

Java搬砖工程师
31分钟前
0
0
redHat 安装weblogic 未设置 DISPLAY 环境变量 错误

redHat 在安装 weblogic 12的时候,报了一个错误 启动程序日志文件为/tmp/OraInstall2019-05-21_10-34-22AM/launcher2019-05-21_10-34-22AM.log。 正在提取安装程序... . . . . . 完成 检查 ...

internetafei
34分钟前
1
0
Django视图

一个视图函数或者类,简称视图(view),是一个简单的Python 函数(类),它接受Web请求并且返回Web响应。响应可以是HTML页面、一个重定向、一个404错误、一个xml、json数据、或图片等,视图...

彩色泡泡糖
35分钟前
1
0
盘它 | 谁说鱼和熊掌不可兼得?我全部都要!

大家好,我叫王小刚,是一名IT经理 因为各种网络安全政策的强制要求, 我便买了某品牌SSL证书安装在刚部署的网站上 之后再也没在意过它, 随着网站访问量上去了, 网页加载速度延迟问题时常困...

亚洲诚信
35分钟前
1
0
(二) java版电子商务spring cloud分布式微服务b2b2c社交电商-Spring Boot配置文件详解

Spring cloud b2b2c电子商务社交平台源码请加企鹅求求:一零三八七七四六二六。springboot采纳了建立生产就绪Spring应用程序的观点。 Spring Boot优先于配置的惯例,旨在让您尽快启动和运行。...

sccspuercode
38分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部