`

jquery jsonp 插件 捕获异常

阅读更多

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参数
                }

		   });

 

分享到:
评论

相关推荐

    jquery.jsonp插件

    ajax跨域请求,jquery.jsonp插件

    jquery-jsonp

    jquery-jsonp插件

    jquery-jsonp:jquery jsonp 插件

    jQuery-JSONP jQuery-JSONP 是 jQuery 的 JSONP 实现的一个紧凑(1.8kB 缩小)但功能丰富的替代解决方案。 许可 jQuery-JSONP 是在下发布的。 下载 您可以下载 jQuery-JSONP(提供全文和缩小版本)。 特征 jQuery-...

    利用JQuery jsonp实现Ajax跨域请求json数据

    本篇文章将详细讲解如何利用jQuery的jsonp方法实现Ajax跨域请求,以及如何在服务器端使用.Net的*.handler和WebService来返回JSON数据。 首先,理解JSONP的基本原理。JSONP是一种非官方的协议,通过动态创建`...

    ajax 跨域请求问题 jquery jsonp

    **Ajax跨域请求问题与jQuery JSONP解析** 在Web开发中,Ajax技术被广泛用于实现页面的异步更新,但浏览器的同源策略(Same-Origin Policy)限制了Ajax请求只能向同源(协议、域名、端口均相同)的服务器发送。这在...

    jquery下利用jsonp跨域访问实现方法

    在JavaScript的世界里,由于同源策略的限制,浏览器禁止了不同源之间进行AJAX通信,但JSONP(JSON with Padding)作为一种巧妙的方式,允许我们绕过这个限制,实现在jQuery中进行跨域请求。本篇文章将深入探讨JSONP...

    jquery-jsonp-master.zip_jsonp

    1. `jquery.jsonp.js`:jQuery的JSONP插件源码,实现了JSONP请求的处理逻辑。 2. `demo.html`/`example.js`:示例文件,演示如何使用该插件进行JSONP请求。 3. `README.md`:项目介绍和使用说明。 4. `test`目录:...

    JQuery jsonp 使用示例代码

    - `&lt;script type='text/javascript' src='commons/scripts/jquery.js'&gt;&lt;/script&gt;`:引入jQuery库,这是执行JSONP请求的前提,因为JSONP是jQuery支持的功能之一。 3. **jQuery部分**: - `$$(function() { ... })`...

    jquery-jsonp.js

     7、为了便于客户端使用数据,逐渐形成了一种非正式传输协议,人们把它称作JSONP,该协议的一个要点就是允许用户传递一个callback参数给服务端,然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON...

    jquery-jsonp-master.zip

    `jquery-jsonp-master.zip`这个压缩包文件包含了一个专门用于jQuery的JSONP插件,旨在简化和优化JSONP请求的过程。通过这个插件,开发者能够更方便地在他们的应用中集成跨域数据请求,从而获取远程服务器上的JSON...

    jQuery天气插件自动定位当地天气预报代码特效源码

    6. **跨域请求**:由于天气API通常位于不同的域名下,插件可能需要处理跨域资源共享(CORS)问题,这可以通过设置jQuery的Ajax选项或使用JSONP来解决。 7. **用户权限处理**:如果用户选择不共享位置信息,插件需要...

    JSON和JSONP(含jQuery实例)

    这里,`dataType`指定为'jsonp',jQuery会自动处理JSONP的请求过程,包括动态创建`&lt;script&gt;`标签以及处理回调函数。`jsonp`参数可以用来指定回调函数的名称。 需要注意的是,JSONP只支持GET请求,且存在安全隐患,...

    轻松搞定jQuery+JSONP跨域请求的解决方案

    在jQuery中,实现JSONP主要依靠`$.getJSON()`或`$.ajax()`方法。在`$.getJSON()`的例子中,我们看到以下关键点: 1. **URL参数**:在请求URL后面添加`callback=?`,jQuery会自动替换`?`为一个动态生成的回调函数名...

    12 React 获取数据 axios插件 fetch-jsonp插件的使用

    本教程主要讲解了如何在React应用中利用axios和fetch-jsonp这两个插件来获取远程数据。以下是详细的知识点解析: 1. **React状态管理**:React应用中的数据通常存储在组件的状态(state)中,当需要从服务器获取...

    解决jQuery使用JSONP时产生的错误

    综上所述,解决jQuery使用JSONP时产生的错误,关键在于增强错误处理机制,确保能够捕获和处理各种可能的异常情况。同时,随着技术的发展,可以逐步考虑采用更先进的跨域解决方案,以提高应用的稳定性和安全性。

    jQuery+JSONP+artDialog 实现虾米音乐的检索、选取和播放

    在本文中,我们将深入探讨如何使用jQuery、JSONP和artDialog技术实现虾米音乐的检索、选取和播放功能。这是一套常见的Web开发技术组合,适用于跨域数据获取和交互式用户界面的创建。 首先,jQuery是一个强大的...

    jQuery Jsonp跨域模拟搜索引擎

    1. jQuery Jsonp跨域概念: - jQuery Jsonp是一种用于跨域请求的技术手段。在Web开发中,出于安全考虑,浏览器实施了同源策略,限制了一个域下的脚本与另一个域下的资源进行交互。而Jsonp(JSON with Padding)技术...

    vue中jsonp插件的使用方法示例

    通过jsonp简单获取接口数据,对了,注意下...//导入jsonp插件 import jsonp from 'jsonp'; export default{ data(){ return { } }, created(){ //jsonp请求数据 this.getLocation() }, methods:{ getL

    jQuery搜索框自动提示代码.zip

    在本文中,我们将深入探讨如何使用jQuery来实现一个搜索框自动...通过这个实例,我们可以了解到如何结合jQuery、Ajax和JSONP来实现一个实用的搜索功能,同时也可以根据实际需求调整和扩展代码以适应不同的应用场景。

Global site tag (gtag.js) - Google Analytics