<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.get
contextpath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <
Meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin: 0; padding: 0; } body { font-size: 12px; } p { margin: 5px; } .
Box { padding: 10px; } </style> <!-- 引入jQuery --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $(window).bind('scroll',function() { show() }); function show() { if ($(window).scrollTop() + $(window).height() >= $(document) .height()) { ajaxRead(); } } function ajaxRead() { var html = ""; $ .ajax({ type : 'get',dataType : 'jsonp',url : 'http://api.flickr.com/services/
Feeds/photos_public.gne?tags=car&tagmode=any&format=json&jsoncallback=?',beforeSend : function() { console.log('loading...'); $("#msg").html('loading...'); },success : function(data) { $ .each( data.items,function(i,item) { html += '<div class="
Box">'; html += '<h1>' + item.title + '</h1>'; html += '<a hreft="'+item.link+'"><img src="'+item.media.m+'"/></a>' html += '<div>' + item.tags + '</div>'; html += '</div>'; }); $("#resText").append($(html)); },complete : function() { console.log('mission acomplete.') } }); } }) </script> </head> <body> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <p>往下拉</p> <div id="resText"></div> <div style="align:center;" id="msg"></div> </body> </html>
原文地址：https://www.jb51.cc/ajax/165996.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
