`

jquery ajax json 跨域取得json格式的值

阅读更多

jquery ajax  json 跨域取得json格式的值:

 

此方法解决jquery ajax 跨域取json数据的时候 返回值通过firebug 可以查到,但是不执行回调函数的问题

 

$(document).ready(function (){

$('#btn').click(function(){
  alert("frist");
   var q = document.getElementById("k").value;
   alert("second="+q);
   var randomnum=(new Date()).getMilliseconds();
      $.getJSON('http://192.168.1.201:8080/solrClient/g.action?jsoncallback=jsonfeed',{"q":q},
          jsonfeed=function(json){
          var data = eval(json);
             for(i =0 ;i<data.length;i++){
               alert(data[i].id);
             }
           
      });
      return false;
 })
 
})

 

 

 

在 请求url里面 写入jsoncallback 参数 jsoncallback=jsonfeed jsonfeed为 回调的方法名 通过jsoncallback=jsonfeed 我们把 该 回调方法名传给服务器,然后服务器接收到jsoncallback的值 ,其实接收到的是 回调的方法名jsonfeed  也就是回调的方法,  然后将json格式的数据 以方法的参数的形式 传递给 jsonfeed 因为json为回调方法 而不是字符串 这里需要注意,具体形式为:jsonfeed(json) 的形式返回 .

 

 

 

 

 

 

 

1
0
分享到:
评论

相关推荐

    jquery ajax跨域html前台 php后台

    在描述中提到的"jquery ajax json 跨域不解释,代码很简单",我们可以从以下几个关键点理解: 1. **jQuery的Ajax设置**:在使用Ajax进行跨域请求时,我们需要在`$.ajax()`方法中设置`dataType: 'jsonp'`。这告诉...

    Jquery跨域Ajax请求测试

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

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

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

    jquery的ajax和getJson跨域获取json数据的实现方法

    本文主要介绍两种在使用jQuery进行跨域获取json数据时的实现方法,即通过jQuery的ajax和getJson方法配合JSONP(JSON with Padding)技术来实现跨域数据的获取。 首先,关于jQuery的ajax和getJson方法。ajax是...

    Jquery跨域Json请求处理

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

    Ajax +jquery跨域获取JSON

    这里的"Ajax + jQuery跨域获取JSON"是一个典型的Web开发技术应用场景,主要用于解决Web应用程序中不同源之间的数据共享问题。在本案例中,开发者成功地实现了跨域请求以获取JSON数据,并将这些数据用于展示天气预报...

    JQuery AJAX跨域提交参数、接收json数据.docx

    JQuery AJAX 跨域提交参数、接收 JSON 数据 JQuery 的 AJAX 功能是实现异步数据交互的核心部分,对于跨域提交参数和接收 JSON 数据的需求,JQuery 提供了多种解决方案。 首先,JQuery 的 AJAX 功能可以使用 `$....

    jQuery ajax读取json文件内容

    本文将深入探讨如何使用jQuery的ajax方法来读取JSON文件内容。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,常用于服务器与客户端之间传递数据。 首先,理解jQuery的$.ajax()函数是关键。这是一...

    jquery的ajax和getJson跨域.docx

    另一种跨域方法是使用 jQuery 的 `getJSON` 函数,它的用法类似于 AJAX,但专门用于获取 JSON 格式的数据。`getJSON` 同样支持 JSONP 协议,因此也可以实现跨域请求。基本用法如下: ```javascript $.getJSON('...

    ajax 跨域请求问题 jquery jsonp

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

    通过jquery的ajax请求本地的json文件方法

    在ajax请求中,dataType设为"json"时,jQuery会自动将返回的数据按照JSON格式解析为JavaScript对象或数组,以便后续处理。在本例中,返回的数据是一个对象,包含了键名为"list"的数组,数组中每个元素都是一个包含...

    ajax跨域实例

    在本文中,我们将讨论两个 Ajax 跨域实例,分别使用 JSONP 和 jQuery 来实现跨域操作。 知识点一:JSONP 跨域 JSONP(JSON with Padding)是一种用于跨域操作的技术,它可以突破浏览器的同源策略限制。JSONP 的...

    Ajax_Json_jQuery详细Demo

    - **安全性**:JSON在跨域数据交换中更安全,因为它是纯文本格式,易于验证和调试。 - **数据交换**:在Ajax请求中,JSON常作为数据传输格式,因为它轻便且易于解析。 3. **jQuery**: - **选择器**:jQuery提供...

    jquery跨域获取json

    标题 "jquery跨域获取json" 涉及到的是JavaScript中的一个常见问题,即如何在浏览器环境中使用jQuery库跨越域限制获取JSON数据。这通常涉及到AJAX请求和JSONP(JSON with Padding)技术。 首先,我们需要理解Web...

    jquery.json-2.3.js

    jQuery的$.getJSON()方法是另一个强大的工具,它是$.ajax()的简化版本,专门用于从服务器获取JSON数据。只需要提供URL和回调函数,jQuery会自动处理JSONP请求(如果需要跨域)以及数据解析。这极大地简化了数据交互...

    JqueryJson

    1. **AJAX与JSON**: jQuery的`$.ajax()`方法是进行异步数据请求的核心,它支持JSON作为数据格式。通过设置`dataType: 'json'`,jQuery会自动将服务器返回的JSON数据转化为JavaScript对象,方便进一步操作。 2. **...

    getJSON解决 跨域问题例子

    回到我们的例子,如果服务端支持CORS,我们可以使用jQuery的ajax方法,设置`dataType: 'json'`和`crossDomain: true`,实现跨域POST请求: ```javascript $.ajax({ url: 'http://api.example.net/data', type: '...

    ajax处理跨域请求

    这里将详细讲解如何通过jQuery的AJAX实现跨域请求。 首先,了解什么是CORS(Cross-Origin Resource Sharing,跨源资源共享)。CORS是一种机制,它使用额外的HTTP头来告诉浏览器允许一个域上的网页访问另一个域上的...

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

    JSONP(JSON with Padding)是一种常见的解决JavaScript跨域问题的技术,尤其在jQuery中得到了广泛的应用。由于浏览器的同源策略限制,JavaScript通常无法在不同源之间进行Ajax请求。但JSONP巧妙地利用了HTML中`...

    ajax跨域 返回json

    实现jquery ajax跨域。前台页面 和 java代码类

Global site tag (gtag.js) - Google Analytics