如何使用微软的jQuery宀寮琂avaScript代码片段分享
发布网友
发布时间：2023-07-07 19:27
共1个回答
热心网友
时间：2024-12-05 18:55
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="style.css" />
<script src="http/ajaxgoogleapis com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="jquery.tmpl.js"></script>
</head>
<body>
<h1> Tweets about Nettuts+ </h1>
<script id="tweets" type="text/x-jquery-tmpl">
<li>
<img src="${imgSource}" alt="${userName}" />
<h2> ${username} </h2>
<p> ${tweet} </p>
{{if geo}}
<span>
${geo}
</span>
{{/if}}
</li>
</script>
<ul id="*"></ul>
<script>
$.ajax({
type : 'GET',
dataType : 'jsonp',
url : 'http //search.* com/search.json?q=nettuts',
success : function(tweets) {
var * = $.map(tweets.results, function(obj, index) {
return {
username : obj.from_user,
tweet : obj.text,
imgSource : obj.profile_image_url,
geo : obj.geo
};
});
$('#tweets').tmpl(*).appendTo('#*');
}
});
</script>
</body>
</html>
