`
sbl2255
  • 浏览: 218391 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery跨域jsonp

 
阅读更多

先说说json和jsonp到底是什么事;

 

1.json是一种非常方便灵活的字符串组合,用{}、[]包裹着;

 

2.json的数据类型有字符、数字、日期、布尔和空(null)

 

3.jsonp还是最近做一个Jquery跨域才遇到的,不过没有找到明确的定义,个人觉得和普通的ajax没什么特别大的区别,重要的就是在dataType,一般返回是json,可是到跨域的时,需要将json换成jsonp;查看url发生了变化,在url中添加了一个callback参数;

 

$.ajax({
				url: "http://10.10.140.9:8089/jxt/CompiereServlet?action_name=ajaxdict&action_para=1",
				method: "get",
				dataType:"jsonp",
	            jsonp:"jsoncallback",
				success:function(data, status) {
					$.each(data,function(i,n){
						obj.append("<option value='"+i+"'>"+n+"</option>");
					});
				}
			});

 

4.对于服务端,只需要获得jsoncallback

 

String jsoncallback = request.getParameter("jsoncallback");
response.getWriter.writer(jsoncallback+"("+returnJSONValue+")");

 

这样达到了异步请求json;

 感觉只是Jquery对jsonp封装了,因为ajax底层是通过xmlhttprequest请求的和jsonp没有任何关系…………

所以这还是2个东西;

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    jquery.jsonp插件

    ajax跨域请求,jquery.jsonp插件

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

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

    Jquery跨域Ajax请求测试

    本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先,了解同源策略是理解跨域问题的关键。同源策略是浏览器为了保障用户安全而设定的一项机制,它规定了只有来自同一协议、同一域名和同一...

    JQuery跨域访问解决方案

    JQuery的跨域解决方案主要依赖于JSONP(JSON with Padding)技术。JSONP是一种绕过同源策略的方式,它利用HTML中的`&lt;script&gt;`标签没有同源策略限制的特点。当jQuery使用`dataType: 'jsonp'`时,它实际上是在做以下几...

    jquery-jsonp.js

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

    jquery-jsonp-master.zip_jsonp

    JSONP(JSON with Padding)是一种跨域数据交互协议,它利用了`&lt;script&gt;`标签可以跨域请求资源的特性来实现浏览器与服务器之间的通信。在jQuery中,JSONP是一个非常实用的功能,尤其对于那些需要从不同源获取数据的...

    jquery跨域调用 js跨域调用

    jQuery跨域调用主要是通过JSONP(JSON with Padding)和CORS(Cross-Origin Resource Sharing)这两种机制来实现的。JSONP是一种非官方的跨域数据交互协议,而CORS是W3C标准,允许服务器声明哪些来源可以访问其资源...

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

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

    jquery-jsonp-master.zip

    在jQuery中,JSONP是一种实现跨域Ajax请求的方法,尤其适用于那些不支持CORS(Cross-Origin Resource Sharing)的旧版浏览器。 `jquery-jsonp-master.zip`这个压缩包文件包含了一个专门用于jQuery的JSONP插件,旨在...

    ajax 跨域请求问题 jquery jsonp

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

    跨域访问解决方法-jsonp

    本文将详细探讨JSONP的工作原理以及如何在实际项目中使用它来跨域获取JSON数据。 ### JSONP简介 JSONP全称为"JSON Padding",它并不是JSON的一种新格式,而是一种利用动态创建`&lt;script&gt;`标签来绕过同源策略的技巧...

    用YQL和Jquery实现的跨域html页面截取

    综上所述,"用YQL和Jquery实现的跨域html页面截取"的解决方案巧妙地结合了YQL的跨域能力和jQuery的JSONP请求功能,实现了在前端获取和处理其他域的HTML内容,这对于数据聚合、分析或者构建Web应用等场景十分有用。...

    Jquery跨域Json请求处理

    ### Jquery跨域Json请求处理详解 #### 一、跨域问题概述 在现代Web开发中,跨域问题是一个常见的技术挑战。简单来说,当一个网页尝试从不同的源(源可以理解为协议、域名或者端口号)加载资源时,就会遇到跨域限制...

    JAVA调用外接设备(制卡机)---JQuery跨域

    2. **JQuery跨域**: - 跨域是浏览器的一项安全策略,限制了JavaScript脚本只能访问同一源下的资源。JQuery提供了解决跨域问题的方法,如JSONP(JSON with Padding)和CORS(Cross-Origin Resource Sharing)。 - ...

    jquery跨域获取json

    总结来说,"jquery跨域获取json"是一个关于JavaScript编程和jQuery库如何通过JSONP技术解决跨域获取数据的问题。在实际开发中,了解并掌握这一技术对前端开发者尤其重要,因为很多API和数据服务都是部署在不同的域名...

    jquery跨域调用webservice

    本文将详细解释如何利用jQuery通过JSONP(JSON with Padding)的方式实现跨域调用WebService。 #### 1. JSONP 的基本原理 JSONP 是一种解决跨域请求的有效手段,它通过动态创建`&lt;script&gt;`标签来请求跨域的数据,并...

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

    以上是基于jQuery和JSONP实现跨域请求的解决方案。具体到代码层面,可以通过示例来更清晰地展示如何操作。在这个例子中,客户端页面需要从另一域下的服务端接口获取数据,并将这些数据显示在页面中。通过上述提到的...

    jQuery跨域问题解决方案

    在标题“jQuery跨域问题解决方案”中提到的JSONP(JSON with Padding)便是其中一种。JSONP允许跨域访问,其工作原理是允许用户传递一个回调函数名给服务器,然后服务器将返回一段JavaScript代码,其中包括了调用该...

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

    在理解如何解决jQuery使用JSONP时的错误之前,首先需要了解跨域和JSONP的基本概念。 跨域是指在不同的域之间进行数据交互,通常受到浏览器同源策略的限制。同源策略规定,一个网页只能获取与之同源(协议、域名和...

    jQuery使用JSONP实现跨域获取数据的三种方法详解

    本文将详细介绍使用jQuery实现JSONP跨域获取数据的三种方法。 ### 第一种方法:$.ajax()函数 $.ajax()是jQuery中最为通用的Ajax实现方式。要使用JSONP方法,我们需要在$.ajax()函数中设置`dataType`为'jsonp'。...

Global site tag (gtag.js) - Google Analytics