`
fx_feng
  • 浏览: 3574 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

jquery跨域获取json

阅读更多
<script type="text/javascript">
      $(document).ready(function(){
//个人信息
$.getJSON("<%=Constants.get("DOMAIN_ID") %>/leftProfile?format=json&jsonpCallback=?",
        function(data){
var img=data.Data[0].SmallPictureURL;
    var name=data.Data[0].Nickname;
$("#profile").html("<a title='avatar' class='profile-img' href='#'>"+
"<img alt='avatar' src='"+img+"'/></a>"+
"<a class='profile-name' href='#'>"+name+"</a>");

});

//好友列表
$.getJSON("<%=Constants.get("DOMAIN_ID") %>/leftFriends?format=json&jsonpCallback=?",
       {
  'cursor' :'1',
  'limit' :'9'
   },
       function(data){
                    var str = "<strong class=\"title\">朋友<\/strong>";
str+="<p class=\"links\"><span class=\"count\" id=\"friendsCount\"><\/span><a class=\"more\" href=\"<%=Constants.get("DOMAIN_ID") %>/myfriendlist.do\">查看全部<\/a><\/p>";
str+="<ul class=\"friend-list\">";

for (var i=0; i<data.Data.length; i++) {
str+="<li><a title=\"avatar\" href=\"<%=Constants.get("DOMAIN_ID") %>/id.do?id="+data.Data[i].FriendId+"\"><img alt=\"avatar\" src=\""+data.Data[i].FriendPictureSmall+"\"/><\/a><a class=\"name\" href=\"<%=Constants.get("") %>/id.do?id="+data.Data[i].FriendId+"\">"+data.Data[i].FriendName+"<\/a><\/li>";
}
str+="<ul class=\"friend-list\">";
$("#friendlist").html(str);

//好友总数
$.getJSON("<%=Constants.get("DOMAIN_ID") %>/leftFriendsNum?format=json&jsonpCallback=?",
        function(data){
var num=data.Data;
$("#friendsCount").html(num+"位朋友");
            }
);
}
);



   });    
</script>
分享到:
评论

相关推荐

    Ajax +jquery跨域获取JSON

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

    Jquery跨域Json请求处理

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

    使用Jsonp方式跨域获取json

    JSONP(JSON with Padding)是一种跨域数据交互协议,它利用了`&lt;script&gt;`标签可以跨域请求资源的特性来实现数据的交换。在Web开发中,由于浏览器的同源策略限制,JavaScript通常无法直接访问不同源的资源,但JSONP...

    Jquery跨域Ajax请求测试

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

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

    但为了实现数据交互,开发者常使用JSONP(JSON with Padding)这一技术来规避同源策略,实现在客户端跨域获取JSON数据。本篇文章将详细讲解如何利用jQuery的jsonp方法实现Ajax跨域请求,以及如何在服务器端使用.Net...

    jQuery ajax读取json文件内容

    此外,jQuery还提供了`.getJSON()`方法,它是`.ajax()`的一个简化的版本,专门用于获取JSON数据: ```javascript $.getJSON('path_to_your_json_file.json', function(data) { console.log(data); // 处理JSON...

    JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码

    **jQuery跨域获取JSON数据详解** 在Web开发中,由于浏览器的安全策略,JavaScript通常不能直接进行跨域请求,但jQuery提供了$.ajax和$.getJSON方法...只要正确配置服务端和客户端,就可以轻松实现跨域JSON数据的获取。

    JQuery跨域访问解决方案

    总的来说,jQuery通过JSONP提供了一种简单易用的跨域解决方案,使得前端开发人员能够方便地从不同域名的服务器获取数据,丰富了Web应用的功能。然而,由于JSONP的本质是脚本注入,它可能会带来安全风险,如XSS攻击,...

    JQUERY跨域访问取得json返回结果.pdf

    JQUERY跨域访问取得json返回结果.pdf

    JQUERY跨域访问取得json返回结果借鉴.pdf

    JQUERY跨域访问取得json返回结果借鉴.pdf

    Jquery 跨域访问 具体实例

    这是一份非常有用的Jquery跨域访问实例,里面提供了3种方法,前台后台都有涉及,希望对你们会有所帮助

    Jquery跨域获得Json的简单实例

    【jQuery跨域获取JSON数据】 在Web开发中,由于同源策略的限制,JavaScript通常无法直接访问不同源(域名、协议或端口)的资源。然而,jQuery提供了跨域获取JSON数据的能力,主要依赖于JSONP(JSON with Padding)...

    jquery跨域调用 js跨域调用

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

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

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

    Jquery跨域获得Json时invalid label错误的解决办法

    最后,仔细安静下来,细读 json 官方文档后发现这么一段: JSON数据是一种能很方便通过JavaScript解析的结构化数据。... 其实jquery跨域的原理是通过外链 [removed] 来实现的,然后在通过回调函数加上回调

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

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

    jQuery跨域问题解决方案

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

Global site tag (gtag.js) - Google Analytics