如何用ajax实现移动端的上拉动态加载数据,列表页只显示5条数据,剩下的上拉加载,数据从数据库中取出

如何用ajax实现移动端的上拉动态加载数据,列表页只显示5条数据,剩下的上拉加载,数据从数据库中取出,第1张

var page=$('#page').val()

$.ajax({

type: 'POST',

url: url,

data: {page:page},

success: function(data){

page++

},

dataType:json

})

手机在上拉事件 page++.就可以实现你想要的功能了

ajax主要是用来实现异步 *** 作的,ajax会向一个可以 *** 作数据库的脚本语言(例如php)文件发出请求,同时传递参数和数据,在php文件中,通过插入数据库的代码,实现添加数据,然后返回成功的标志,ajax就根据这个标志来判断是否成功。

$(function(){

$("#submit").click(function(){

if(check()){

var loginName1 = $("input[id='login_username']").val() //获取账号

var password1 = $("input[id='login_password']").val() //获取密码

var jsonUser = {loginName:loginName1, password:password1} //JSON对象

//注意:jsonUser.toString()这种方法错误,javaScript中的toString是用于布尔型变量的,而应用以下方法

var strUser = JSON.stringify(jsonUser) //将JSON对象转变成JSON格式的字符串,

$.post("login.action", {json: strUser}, callback, "json")

var frm=document.getElementById("newLoginDiv")

frm.style.display="none"

}})

function callback(data){

var json = eval("("+data+")")

alert(json.msg) //显示反馈信息

if(json.suc == 1){//如果返回"登录成功"

var log=document.getElementById("loginEnter")

log.style.display="none"

$("#result").each(function(){

$(this).html('welcome ,' +json.name)

})//跳转到后台主页

}

}

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/10096854.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存