`

$.getJSON()方法的 callback说明

 
阅读更多

$.getJSON()方法跨域 去取得服务器的json对象的时候,url的后缀最后带一个"callback=?"的参数作为成功的回调函数;如:

 

var url = "${BIPJS}/intf/accountsOfRefuseEmail.jsp?act=add&siteId=${LANG.siteId}&accountId=${loginId}&callback=?";
$.getJSON(url, {} , function(data) {  
            var code = data.code;  
            if(code == 0){  
                $('#floatOne').myFadeIn();  
            }  
        });

 

 

 此时返回的data是一个json对象;相应地,服务器返回字符串应该要这种样式:

 

 

String callback = T.stringValue(getRequestParams(request,"callback"),"");

JSONObject jo = new JSONObject();

// put key/value in jo

out.print(callback + "(" + jo + ")");

 

 

原理:Jquery在解析请求callback=?的时候,会自动生成一个callback=jsonp***的字符串,这个字符串jsonp***在成功回调的时候作为一个方法,被Jquey自动执行,参数是一个json格式的字符串(这里是data)。相应地;服务器返回的字符串要这种形式:jsonp***(JSONObject)。

如:刚上面的url被Jquey解析成:

  1. Request URL:
    http://localhost.pcauto.com.cn:12385/intf/accountsOfRefuseEmail.jsp?act=add&siteId=2&accountId=388&callback=jsonp1381976698163&_=1381976708919

 

服务器返回的字符串形式:

jsonp1381976698163({"code":0,"msg":"增加用户成功"})

 

Jquery的回调方法jsonp1381976698163(jsonStr)就是要把字符串jsonStr转换成josn对象,这里就是转换成data这个json对象。

 

 

 

 

 

 

分享到:
评论

相关推荐

    详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    而Jquery库提供了一系列封装好的Ajax函数,如$.get(), $.post(), $.ajax(), 和$.getJSON(),这些函数简化了前端开发者与后端数据交互的过程。 ### 1. $.get() `$.get()`函数是最简单的一种异步请求方式,它发送一...

    解决JQurey跨域问题$.get|$.post|$.getJSON等等统统可跨域

    本篇将详细介绍如何解决jQuery跨域问题,涉及的方法包括$.get、$.post和$.getJSON等。 首先,我们需要理解什么是跨域。同源策略是浏览器为保障安全而实施的一项机制,它规定JavaScript只能访问与当前页面同源(协议...

    JQuery 获取json数据$.getJSON方法的实例代码

    其基本的使用方式是$.getJSON(url, [data], [callback]),其中url是请求的地址,data是需要发送到服务器的数据(通常是一个对象),callback是请求成功时执行的回调函数,该函数的参数是一个包含数据的对象。...

    Jquery中$.getScript()$.getJSON

    在jQuery库中,`$.getScript()`和`$.getJSON()`是两种非常实用的异步数据获取方法,它们分别用于加载JavaScript脚本和获取JSON格式的数据。这些方法都是基于jQuery的`$.ajax()`基础构建的,提供了更为简洁和方便的...

    jQuery的3种请求方式$.post,$.get,$.getJSON

    在jQuery库中,$.post, $.get和$.getJSON是用于执行AJAX(Asynchronous JavaScript and XML)请求的三种主要方法,这些方法使得前端与后端服务器进行异步数据交互成为可能,无需刷新整个页面。接下来,我们将详细...

    详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())

    $.getJSON()方法是专门用于处理JSON数据的简化AJAX方法。它的语法是$.getJSON(url, [data], [callback])。当使用$.getJSON()时,jQuery会自动处理JSON数据的解析,并将解析后的JavaScript对象传递给回调函数。这意味...

    jQuery使用$.get()方法从服务器文件载入数据实例

    在本文中,我们将深入了解jQuery中的$.get()方法,这是jQuery提供的一种用于从服务器文件载入数据的便捷方式。通过$.get()方法,可以快速的执行一个AJAX HTTP GET请求,这是一种无需页面重新加载即可从服务器获取...

    jquery $.getJSON()跨域请求

    $(function(){ $.getJSON(url,function(data){ alert (data.Name); }) }); 服务器返回字符串: {“Name”:”loogn”,”Age”:23} 2,不同域名下 js: 代码如下: var url=”...

    用原生JavaScript实现jQuery的$.getJSON的解决方法

    原生JavaScript实现jQuery的$.getJSON方法的知识点涵盖以下几个重要方面: 1. $.getJSON方法的作用: $.getJSON是jQuery库提供的一个方法,用于简化JSON数据的异步获取过程。它是一个便捷的AJAX方法,通常用于发送...

    jquery $.post()的用法 传递json文本 客户端和服务器端相互传递

    ### jQuery $.post() 方法详解与 JSON 数据交互 在现代 Web 开发中,客户端与服务器端的数据交换是非常重要的一个环节。jQuery 提供了多种 AJAX 方法来简化这一过程,其中 `$.post()` 是一种常用的方式来实现客户端...

    JQuery中的$.getJSON 使用说明

    原型如下: jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据。 url: 发送请求的地址 data : (可选) 待发送key/value参数 callback: (可选) 载入成功时的回调函数 主要用于客户端获取服务器JSON数据。...

    $.getJSON在IE下失效的原因分析及解决方法

    在JavaScript的jQuery库中,`$.getJSON`是一个非常常用的方法,用于从服务器获取JSON格式的数据。然而,在某些情况下,尤其是在Internet Explorer(IE)浏览器中,可能会遇到`$.getJSON`失效的问题,导致数据无法...

    Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

    $.get(),$.post(),$.ajax(),$.getJSON() 一,$.get(url,[data],[callback]) 说明:url为请求地址,data为请求数据的列表,callback为请求成功后的回调函数,该函数接受两个参数,第一个为服务器返回的数据,第二个...

    Ajax跨域查询完美解决通过$.getJSON()实现

    但是,本文中提到的解决方法是利用jQuery库中的$.getJSON()方法。 ### $.getJSON()方法与跨域 $.getJSON()是jQuery中用来简化AJAX请求的函数之一,专门用于处理JSON格式的响应数据。它本质上也是发起一个HTTP GET...

    通过jquery的$.getJSON做一个跨域ajax请求试验

    在本文中,我们将探讨如何使用jQuery的`$.getJSON`方法进行跨域Ajax请求,并通过一个简单的预约登记接口的示例来展示其实现过程。首先,理解`$.getJSON`是jQuery库提供的一个便捷方法,用于异步获取JSON格式的数据,...

    使用$.getJSON实现跨域ajax请求示例代码

    $.getJSON 是 jQuery 提供的一种 AJAX 方法,用于向服务器请求 JSON 数据并在数据加载成功后执行回调函数。这个方法特别适用于跨域请求,因为 JSONP(JSON with Padding)协议允许绕过同源策略,使得 JavaScript ...

    ie下$.getJSON出现问题的解决方法

    在使用JavaScript进行网页开发时,$.getJSON方法是一种非常便捷的手段,用于从服务器获取JSON格式的数据。jQuery库中的$.getJSON方法封装了AJAX技术,可以简单快速地完成数据请求。然而,在IE浏览器下,开发者们经常...

Global site tag (gtag.js) - Google Analytics