`

jquery jsonp

阅读更多

FROM:http://aijezdm915.iteye.com/blog/1066299

 

<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
    $(document).ready(
function(){
        $.ajax({
             url:
'http://192.168.9.5/jsonp_test1.jsp',
             dataType:
"jsonp",
             jsonp:
"jsonpcallback",
             success:
function(data){
                 
var $ul = $("<ul></ul>");
                 $.each(data,
function(i,v){
                     $(
"<li/>").text(v["id"+ " " + v["name"]).appendTo($ul)
                 });
                 $(
"#res").append($ul);
             }
        });
    });
</script>

 

jsonp = request.getParameter("jsonpcallback")
  str 
= "[{""id"":""1"",""name"":""测试1""},{""id"":""2"",""name"":""测试2""}]"
  str 
= jsonp + "(" +str+")"
  response.Write(str)

分享到:
评论

相关推荐

    ajax 跨域请求问题 jquery jsonp

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

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

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

    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:jquery jsonp 插件

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

    jquery-jsonp-master.zip_jsonp

    `jquery-jsonp-master.zip`是一个包含jQuery JSONP实现的压缩包,适用于学习和应用轻量级的JSONP解决方案。 首先,我们需要了解JSONP的基本原理。由于同源策略的限制,JavaScript通常不能直接向其他域名发送Ajax...

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

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

    jQuery Jsonp跨域模拟搜索引擎

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

    jquery.jsonp插件

    ajax跨域请求,jquery.jsonp插件

    jquery-jsonp

    jquery-jsonp插件

    asp.net+jquery Jsonp使用方法

    ***结合jQuery使用Jsonp的知识点包括以下几个方面: 1. Jsonp简介: Jsonp(JSON with Padding)是一种通过动态创建script标签跨域请求数据的技术。其原理是将JSON数据放入一个函数调用中,由于script标签不受同源...

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

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

    jquery-jsonp.js

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

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

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

    什么是json和jsonp,jQuery json实例详详细说明

    jQuery库提供了方便的JSONP实现,通过`.ajax()`或`.getScript()`方法,只需指定`dataType: 'jsonp'`,jQuery会自动处理JSONP请求的细节。 以下是一个简单的jQuery JSONP示例: ```javascript $.ajax({ url: ...

    jsonp格式的数据处理实例源码

    总结一下,JSONP是一种解决跨域数据交互的技术,通过jQuery的`$.ajax`或`$.getJSON`函数配合`dataType: 'jsonp'`设置,可以方便地从ASHX等服务器端接口获取并处理数据。在服务器端,我们需要根据请求中的`callback`...

    JSON和JSONP(含jQuery实例)

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

    jquery-jsonp-master.zip

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

Global site tag (gtag.js) - Google Analytics