JavaScript jq用jquery和Tumblr JSON抓取随机引用

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript jq用jquery和Tumblr JSON抓取随机引用相关的知识，希望对你有一定的参考价值。

<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Tumblr test</title>
</head>
<body>
	
	<div id="data">
		
	</div>
	
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
	
	<script type="text/javascript">
		var randomNum = Math.ceil(Math.random()*20); 

		$.getJSON('http://startupquote.com/api/read/json?filter=text&start='+randomNum+'&callback=?', 
		function(data) {		
			$.each(data.posts, function(i, posts){
				var photocaption = this["photo-caption"];

				$('<p>' + photocaption + '</p>').appendTo('#data');
				if ( i == 0 ) return false;
			});
		});
	</script>
	
</body>
</html>

以上是关于JavaScript jq用jquery和Tumblr JSON抓取随机引用的主要内容，如果未能解决你的问题，请参考以下文章

用jQuery实现图片切换（JQ进阶篇）

jquery和javascript的区别

jquery放到网页底部 怎么让上面的jq代码执行

jQuery的ajax详解

js文件里能使用jquery方法吗

2018-08-26 jQuery与javaScript的区别及核心方法