<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"是一个典型的Web开发技术应用场景,主要用于解决Web应用程序中不同源之间的数据共享问题。在本案例中,开发者成功地实现了跨域请求以获取JSON数据,并将这些数据用于展示天气预报...
### Jquery跨域Json请求处理详解 #### 一、跨域问题概述 在现代Web开发中,跨域问题是一个常见的技术挑战。简单来说,当一个网页尝试从不同的源(源可以理解为协议、域名或者端口号)加载资源时,就会遇到跨域限制...
JSONP(JSON with Padding)是一种跨域数据交互协议,它利用了`<script>`标签可以跨域请求资源的特性来实现数据的交换。在Web开发中,由于浏览器的同源策略限制,JavaScript通常无法直接访问不同源的资源,但JSONP...
本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先,了解同源策略是理解跨域问题的关键。同源策略是浏览器为了保障用户安全而设定的一项机制,它规定了只有来自同一协议、同一域名和同一...
但为了实现数据交互,开发者常使用JSONP(JSON with Padding)这一技术来规避同源策略,实现在客户端跨域获取JSON数据。本篇文章将详细讲解如何利用jQuery的jsonp方法实现Ajax跨域请求,以及如何在服务器端使用.Net...
此外,jQuery还提供了`.getJSON()`方法,它是`.ajax()`的一个简化的版本,专门用于获取JSON数据: ```javascript $.getJSON('path_to_your_json_file.json', function(data) { console.log(data); // 处理JSON...
**jQuery跨域获取JSON数据详解** 在Web开发中,由于浏览器的安全策略,JavaScript通常不能直接进行跨域请求,但jQuery提供了$.ajax和$.getJSON方法...只要正确配置服务端和客户端,就可以轻松实现跨域JSON数据的获取。
总的来说,jQuery通过JSONP提供了一种简单易用的跨域解决方案,使得前端开发人员能够方便地从不同域名的服务器获取数据,丰富了Web应用的功能。然而,由于JSONP的本质是脚本注入,它可能会带来安全风险,如XSS攻击,...
JQUERY跨域访问取得json返回结果.pdf
JQUERY跨域访问取得json返回结果借鉴.pdf
这是一份非常有用的Jquery跨域访问实例,里面提供了3种方法,前台后台都有涉及,希望对你们会有所帮助
【jQuery跨域获取JSON数据】 在Web开发中,由于同源策略的限制,JavaScript通常无法直接访问不同源(域名、协议或端口)的资源。然而,jQuery提供了跨域获取JSON数据的能力,主要依赖于JSONP(JSON with Padding)...
jQuery跨域调用主要是通过JSONP(JSON with Padding)和CORS(Cross-Origin Resource Sharing)这两种机制来实现的。JSONP是一种非官方的跨域数据交互协议,而CORS是W3C标准,允许服务器声明哪些来源可以访问其资源...
本文主要介绍两种在使用jQuery进行跨域获取json数据时的实现方法,即通过jQuery的ajax和getJson方法配合JSONP(JSON with Padding)技术来实现跨域数据的获取。 首先,关于jQuery的ajax和getJson方法。ajax是...
最后,仔细安静下来,细读 json 官方文档后发现这么一段: JSON数据是一种能很方便通过JavaScript解析的结构化数据。... 其实jquery跨域的原理是通过外链 [removed] 来实现的,然后在通过回调函数加上回调
综上所述,"用YQL和Jquery实现的跨域html页面截取"的解决方案巧妙地结合了YQL的跨域能力和jQuery的JSONP请求功能,实现了在前端获取和处理其他域的HTML内容,这对于数据聚合、分析或者构建Web应用等场景十分有用。...
在标题“jQuery跨域问题解决方案”中提到的JSONP(JSON with Padding)便是其中一种。JSONP允许跨域访问,其工作原理是允许用户传递一个回调函数名给服务器,然后服务器将返回一段JavaScript代码,其中包括了调用该...