教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery getJSON跨域调用数据的例子

jquery getJSON跨域调用数据的例子

发布时间:2015-12-01   编辑:jiaochengji.com
分享一个jquery中使用getJSON跨域调用数据的小例子,有需要的朋友参考下。

例子,jquery使用getJSON实现跨域调用数据。
 

复制代码 代码示例:
$(document).ready(function(e) {
    $.getJSON("http://dev.xxxx.cn/json.aspx?n=5&jsoncallback=?",function(result){
    $(".devlist").empty();
    $.each(result, function(i,field){
      var html="";
      html="<li><a href=\""+field["link"]+"\" target=\"_blank\">"+field["title"]+"</a></li>";
      $(".devlist").append(html);
    });
  });
});

注意,跨域调用时 jsoncallback=? 必须填写。

在服务器端保证获取到jsoncallback参数,并将序列化后的数据放在jsoncallback的后面,并加上括号。
例如:
 

复制代码 代码示例:

string jsoncallback=Request["jsoncallback"];
string json="[{"iD":468,"title":"网络通信基础Socket示例","majorTitle":"title-example",
   "link":"http://dev.xxxx.cn/link-example.aspx"}]";

//返回数据
string str=jsoncallback + "(" + json + ")";
Response.Write(str);

您可能感兴趣的文章:
jquery getJSON跨域调用数据的例子
jQuery的3种请求方式$.post,$.get,$.getJSON
jquery跨域请求示例分享(jquery发送ajax请求)
jQuery JSONP跨域需要怎样实现
jquery下利用jsonp跨域访问实现方法
jquery getJson
通过jquery的$.getJSON做一个跨域ajax请求试验
Jquery跨域获得Json时invalid label错误的解决办法
jquery ajax跨域解决方法(json方式)
JQuery中的$.getJSON 使用说明

[关闭]
~ ~