JSONP是为建设混搭非常强大的技术,但不幸的是,它不能治愈所有所有的跨域通信的需求。它有一些缺点之前犯下的发展资源,必须认真考虑采取。首先,有没有JSONP形式调用的错误处理。如果动态脚本插入的工作,你叫;如果不是,什么也没有发生。它只是静静地失败。例如,你是不是能够赶上从服务器404错误。你也可以取消或重新启动的要求。你可以,但是,超时后,等待一个合理的时间。 (未来jQuery的版本可能有一个JSONP请求中止的功能。) However there's a jsonp plug-in available on GoogleCode that provides support for error handling. To get started, just make the following changes to your code. You can either download it, or just add a script reference to the plug-in.
<script type="text/javascript"
src="http://jquery-jsonp.googlecode.com/files/jquery.jsonp-1.0.4.min.js"> </script>
$.jsonp({
url:'http://192.168.0.102:8080/web/view/pricePad/test',
dataType:"jsonp",
callbackParameter:"jsonpcallback2",
async:false,
timeout:5000,
success:function(data){
alert("成功");
},
error:function(XMLHttpRequest, textStatus, errorThrown) {
//alert("wrong!!");
alert("ERREUR: " + textStatus);
alert("ERREUR: " + errorThrown);
},
complete: function(XMLHttpRequest, textStatus) {
alert("over")
this; // 调用本次AJAX请求时传递的options参数
}
});
分享到:
相关推荐
ajax跨域请求,jquery.jsonp插件
jquery-jsonp插件
jQuery-JSONP jQuery-JSONP 是 jQuery 的 JSONP 实现的一个紧凑(1.8kB 缩小)但功能丰富的替代解决方案。 许可 jQuery-JSONP 是在下发布的。 下载 您可以下载 jQuery-JSONP(提供全文和缩小版本)。 特征 jQuery-...
本篇文章将详细讲解如何利用jQuery的jsonp方法实现Ajax跨域请求,以及如何在服务器端使用.Net的*.handler和WebService来返回JSON数据。 首先,理解JSONP的基本原理。JSONP是一种非官方的协议,通过动态创建`...
**Ajax跨域请求问题与jQuery JSONP解析** 在Web开发中,Ajax技术被广泛用于实现页面的异步更新,但浏览器的同源策略(Same-Origin Policy)限制了Ajax请求只能向同源(协议、域名、端口均相同)的服务器发送。这在...
在JavaScript的世界里,由于同源策略的限制,浏览器禁止了不同源之间进行AJAX通信,但JSONP(JSON with Padding)作为一种巧妙的方式,允许我们绕过这个限制,实现在jQuery中进行跨域请求。本篇文章将深入探讨JSONP...
1. `jquery.jsonp.js`:jQuery的JSONP插件源码,实现了JSONP请求的处理逻辑。 2. `demo.html`/`example.js`:示例文件,演示如何使用该插件进行JSONP请求。 3. `README.md`:项目介绍和使用说明。 4. `test`目录:...
- `<script type='text/javascript' src='commons/scripts/jquery.js'></script>`:引入jQuery库,这是执行JSONP请求的前提,因为JSONP是jQuery支持的功能之一。 3. **jQuery部分**: - `$$(function() { ... })`...
7、为了便于客户端使用数据,逐渐形成了一种非正式传输协议,人们把它称作JSONP,该协议的一个要点就是允许用户传递一个callback参数给服务端,然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON...
`jquery-jsonp-master.zip`这个压缩包文件包含了一个专门用于jQuery的JSONP插件,旨在简化和优化JSONP请求的过程。通过这个插件,开发者能够更方便地在他们的应用中集成跨域数据请求,从而获取远程服务器上的JSON...
6. **跨域请求**:由于天气API通常位于不同的域名下,插件可能需要处理跨域资源共享(CORS)问题,这可以通过设置jQuery的Ajax选项或使用JSONP来解决。 7. **用户权限处理**:如果用户选择不共享位置信息,插件需要...
这里,`dataType`指定为'jsonp',jQuery会自动处理JSONP的请求过程,包括动态创建`<script>`标签以及处理回调函数。`jsonp`参数可以用来指定回调函数的名称。 需要注意的是,JSONP只支持GET请求,且存在安全隐患,...
在jQuery中,实现JSONP主要依靠`$.getJSON()`或`$.ajax()`方法。在`$.getJSON()`的例子中,我们看到以下关键点: 1. **URL参数**:在请求URL后面添加`callback=?`,jQuery会自动替换`?`为一个动态生成的回调函数名...
本教程主要讲解了如何在React应用中利用axios和fetch-jsonp这两个插件来获取远程数据。以下是详细的知识点解析: 1. **React状态管理**:React应用中的数据通常存储在组件的状态(state)中,当需要从服务器获取...
综上所述,解决jQuery使用JSONP时产生的错误,关键在于增强错误处理机制,确保能够捕获和处理各种可能的异常情况。同时,随着技术的发展,可以逐步考虑采用更先进的跨域解决方案,以提高应用的稳定性和安全性。
在本文中,我们将深入探讨如何使用jQuery、JSONP和artDialog技术实现虾米音乐的检索、选取和播放功能。这是一套常见的Web开发技术组合,适用于跨域数据获取和交互式用户界面的创建。 首先,jQuery是一个强大的...
1. jQuery Jsonp跨域概念: - jQuery Jsonp是一种用于跨域请求的技术手段。在Web开发中,出于安全考虑,浏览器实施了同源策略,限制了一个域下的脚本与另一个域下的资源进行交互。而Jsonp(JSON with Padding)技术...
通过jsonp简单获取接口数据,对了,注意下...//导入jsonp插件 import jsonp from 'jsonp'; export default{ data(){ return { } }, created(){ //jsonp请求数据 this.getLocation() }, methods:{ getL
在本文中,我们将深入探讨如何使用jQuery来实现一个搜索框自动...通过这个实例,我们可以了解到如何结合jQuery、Ajax和JSONP来实现一个实用的搜索功能,同时也可以根据实际需求调整和扩展代码以适应不同的应用场景。