ajax 请求数据
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>测试</title>
</head> <body>
<div class="xfl" id="commendedGameList">
<ul>
<li>
<a href="http://m.anfensi.com/down/114965.html" class="pic"><img src="http://3.pic.anfensi.com/thumb/Uploads/Picture/2015-07-02/559491e368046_66_66.jpg"></a>
<div class="main">
<div><a href="http://m.anfensi.com/down/114965.html">开拍</a></div>
<div><i>摄影</i><i>18.17 MB</i><i>简体</i></div>
</div>
<a href="http://m.anfensi.com/down/114965.html" class="down">下载</a>
</li>
<li>
<a href="http://m.anfensi.com/down/114989.html" class="pic"><img src="http://1.pic.anfensi.com/thumb/Uploads/Picture/2015-07-02/5594a7f761d60_66_66.jpg"></a>
<div class="main">
<div><a href="http://m.anfensi.com/down/114989.html">星期衣</a></div>
<div><i>购物</i><i>8.61 MB</i><i>简体</i></div>
</div>
<a href="http://m.anfensi.com/down/114989.html" class="down">下载</a>
</li>
<li>
<a href="http://m.anfensi.com/down/114965.html" class="pic"><img src="http://3.pic.anfensi.com/thumb/Uploads/Picture/2015-07-02/559491e368046_66_66.jpg"></a>
<div class="main">
<div><a href="http://m.anfensi.com/down/114965.html">开拍</a></div>
<div><i>摄影</i><i>18.17 MB</i><i>简体</i></div>
</div>
<a href="http://m.anfensi.com/down/114965.html" class="down">下载</a>
</li>
<li>
<a href="http://m.anfensi.com/down/114989.html" class="pic"><img src="http://1.pic.anfensi.com/thumb/Uploads/Picture/2015-07-02/5594a7f761d60_66_66.jpg"></a>
<div class="main">
<div><a href="http://m.anfensi.com/down/114989.html">星期衣</a></div>
<div><i>购物</i><i>8.61 MB</i><i>简体</i></div>
</div>
<a href="http://m.anfensi.com/down/114989.html" class="down">下载</a>
</li>
<li>
<a href="http://m.anfensi.com/down/114965.html" class="pic"><img src="http://3.pic.anfensi.com/thumb/Uploads/Picture/2015-07-02/559491e368046_66_66.jpg"></a>
<div class="main">
<div><a href="http://m.anfensi.com/down/114965.html">开拍</a></div>
<div><i>摄影</i><i>18.17 MB</i><i>简体</i></div>
</div>
<a href="http://m.anfensi.com/down/114965.html" class="down">下载</a>
</li>
<li>
<a href="http://m.anfensi.com/down/114989.html" class="pic"><img src="http://1.pic.anfensi.com/thumb/Uploads/Picture/2015-07-02/5594a7f761d60_66_66.jpg"></a>
<div class="main">
<div><a href="http://m.anfensi.com/down/114989.html">星期衣</a></div>
<div><i>购物</i><i>8.61 MB</i><i>简体</i></div>
</div>
<a href="http://m.anfensi.com/down/114989.html" class="down">下载</a>
</li>
<li>
<a href="http://m.anfensi.com/down/114965.html" class="pic"><img src="http://3.pic.anfensi.com/thumb/Uploads/Picture/2015-07-02/559491e368046_66_66.jpg"></a>
<div class="main">
<div><a href="http://m.anfensi.com/down/114965.html">开拍</a></div>
<div><i>摄影</i><i>18.17 MB</i><i>简体</i></div>
</div>
<a href="http://m.anfensi.com/down/114965.html" class="down">下载</a>
</li>
<li>
<a href="http://m.anfensi.com/down/114989.html" class="pic"><img src="http://1.pic.anfensi.com/thumb/Uploads/Picture/2015-07-02/5594a7f761d60_66_66.jpg"></a>
<div class="main">
<div><a href="http://m.anfensi.com/down/114989.html">星期衣</a></div>
<div><i>购物</i><i>8.61 MB</i><i>简体</i></div>
</div>
<a href="http://m.anfensi.com/down/114989.html" class="down">下载</a>
</li>
</ul>
<a href="javascript:void(0)" onClick="" data-type="danji" id="get_more">点击加载更多</a>
</div>
<script src="js/jquery.js"></script>
<script>
$(function(){
function api_soft(fa){
var ul = $(fa).find('ul');
var li = ul.find('li');
var num = li.length; $.ajax({
dataType:'jsonp',
jsonp:"callback",
url: 'http://dynamic.anfensi.com/dynamic.php?s=/Afsmobile/API_soft/',
data:"num="+num+"&&key=2",
success:function(data){
if(data){
var html = '';
for(i in data){
html += '<li><a href="'+data[i].url+'" class="pic"><img src="'+data[i].img+'"></a><div class="main"><div><a href="'
+data[i].url+'">'+data[i].title+'</a></div><div><i>'+data[i].cate+'</i><i>'+data[i].size+'</i><i>'+data[i].language+'</i></div></div><a href="'
+data[i].url+'" class="down">下载</a></li>';
}
li.last().after(html);
}else{
$('#get_more').text('没有更多数据了');
$('#get_more').removeAttr('onclick');
}
}
}); };
/* $('#get_more').click(function(){ //点击加载
api_soft('#commendedGameList')
});*/ //alert($('#get_more').offset().top)
$(window).scroll(function(){//无限下拉加载
if( $(document).scrollTop() + $(window).height() > $(document).height() - 10){
api_soft('#commendedGameList');
};
});
})
</script>
</body>
</html> //上面写的下啦鼠标会多次请求数据，修改次bug需要这样
$(window).scroll(function(){//无限下拉加载
if($(window).scrollTop()+$(window).height()>=$(document).height()){
api_soft('#commendedGameList');
};
});
一个感觉挺好的个人学习博客：http://kayosite.com/jquery-ajax-turn-page-and-cascade-layout.html
ajax 请求数据的更多相关文章
- 关于ajax请求数据，并将数据赋值给全局变量的一些解决方法
在使用ajax请求数据是,开始的时候是打算将ajax的数据取出,并赋予给全局变量,但是在实际编码过程中发现并不能将数据赋予给最开始定义的全局变量,出现这个问题的原因是由于ajax异步加载的原因,所以只 ...
- vue使用element Transfer 穿梭框实现ajax请求数据和自定义查询
vue使用element Transfer 穿梭框实现ajax请求数据和自定义查询 基于element Transfer http://element-cn.eleme.io/#/zh-CN/comp ...
- Ajax请求数据的两种方式
ajax 请求数据的两种方法,有需要的朋友可以参考下. 实现ajax 异步访问网络的方法有两个.第一个是原始的方法,第二个是利用jquery包的 原始的方法不用引入jquery包,只需在html中编写 ...
- h5-localStorage实现缓存ajax请求数据
使用背景:要实现每次鼠标hover“能力雷达”,则显示能力雷达图(通过ajax请求数据实现雷达图数据显示),所以每次hover都去请求ajax会影响性能,因此这里要用到本地缓存. 实现: 此处是通过传 ...
- session失效，使用ajax请求数据被拦截，此时正常的处理逻辑是跳到登录界面，而不是界面没有变化(java推断是否是ajax请求)
在登录过滤器中.推断请求是ajax请求还是超链接或者地址栏变化的请求 if (httpServletReq.getHeader("x-requested-with") != nul ...
- 使用Python的Flask框架，结合Highchart，动态渲染图表(Ajax 请求数据接口)
参考链接:https://www.highcharts.com.cn/docs/ajax 参考链接中的示例代码是使用php写的,这里改用python写. 需要注意的地方: 1.接口返回的数据格式,这个 ...
- 关于ajax请求数据后，数据本身的js失效的一些想法
今天遇到一个头疼的问题.我做一个左右翻页效果(客户要求能够无限翻页),所以只能动态请求数据,进行局部刷新操作. 这时候问题就出来了,当我请求翻页的时候,数据通过js填充到div里面,但这些数据,自身带 ...
- js在方法Ajax请求数据来推断，验证无效（OnClientClick="return Method();"），或者直接运行的代码隐藏
function CheckAdd() { var flag = true; $.ajax({ cache: false, async: false, url: "/ajaxpage/get ...
- 多次ajax请求数据json出错！！
问题描述: 1.对象数据存放在session中,每次从session中取数据 2.jsp初始化完毕调用ajax请求,返回的数据格式出错(返回部分数据,即丢失了部分数据) 解决方案:
随机推荐
- cocos2dx怎样设置ios和Android横屏竖屏的几种方法
cocos2d-x编译到ios上.默认是横屏的,若要改为http://竖屏.不同的ios版本号.方法也会不同 在ios7上或许我们设置好了横竖屏.但到了ios6上或许会变化.以下白白给大家分享一下我的 ...
- EnumMap demo
优点:常量做为Key,在编译期就确定了.Enum做为key,在运行时也可以改变 package enumdemo; import java.util.EnumMap; import java.util ...
- 彩色图像--色彩空间 YIQ 、YUV 、YCbCr 、YC1C2 和I1I2I3
学习DIP文章64天 转载请注明文章出处:http://blog.csdn.net/tonyshengtan .出于尊重文章作者的劳动,转载请标明出处.文章代码已托管,欢迎共同开发:https://g ...
- SQL Server 2012 复制（发布订阅的研究）
原文:SQL Server 2012 复制(发布订阅的研究) 已实现发布订阅功能,可以实现局域网内双击备份. 一.注意事项: a) 使用[事务复制]功能 b) 必须是相同的SqlServer 帐号和密 ...
- Oracle中的delete和truncate的关系
转自:http://chenxy.blog.51cto.com/729966/168459 1.相同点 a.都可以删除数据,其中truncate用于全表清空数据,而delete可以选择的删 ...
- 大数据系列修炼-Scala课程06
关于Scala中的正则表达式与模式匹配结合的正则表达式Reg 正则表达式的实现:正则表达式的定义与其它语言差不多,只需在表达式后加一个.r,并且可以遍历相应的表达式进行匹配 //定义的正则表达式 va ...
- 第19章 解释器模式（Interpreter Pattern）
原文 第19章 解释器模式(Interpreter Pattern) 解释器模式 导读:解释器模式,平常用的比较的少,所以在写这个模式之前在博客园搜索了一番,看完之后那叫一个头大.篇幅很长,我鼓足了劲 ...
- C++中避免内存泄露常见的解决方式
常见内存泄露及解决方式-选自ood启发录 new/delete, array new/arrray delete匹配 case 1: 在类的构造函数与析构函数中没有匹配地调用 new/delete! ...
- __doPostBack 未生成
事情是这样的: asp.net 项目 采用了 DevExpress 第三方控件,然后 网站架设在 win2003 服务器上面. 本地测试 都是 OK的,然而 ,在服务器 上面 却出现了 __doP ...
- vim跳转
w 跳到下一个单词的开始 e 跳到单词的结束 b 向后跳 gg 跳到文件的开始 G 跳到文件的结束 10gg 或10G 跳到第10行 ta 跳到下一个a 前面 fa 跳到下一个a 大写的意思相反 另外 ...