重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
ajax把增加的数据传到后台,保存成功的话就然后查询数据库,把当前分页的内容读取,再传回前台,前台先关掉弹出的页面,然后用js或者jq把原来表格的内容直接干掉,然后在把新查询的数据循环出来用js或者jq写成表格到相应位置啊,还是很好实现的
创新互联建站凭借在网站建设、网站推广领域领先的技术能力和多年的行业经验,为客户提供超值的营销型网站建设服务,我们始终认为:好的营销型网站就是好的业务员。我们已成功为企业单位、个人等客户提供了网站建设、成都做网站服务,以良好的商业信誉,完善的服务及深厚的技术力量处于同行领先地位。
!DOCTYPE HTML
html
head
title微吧外卖/title
meta name="keywords"
content="JqueryMobile JqueryMobile进阶 JqueryMobile教程 Jquery mobile进阶 转屏效果的简单实现 Warren " /
meta name="description" content="模拟JqueryMobile slide转屏效果的简单实现" /
meta http-equiv="Content-Type" content="text/html; charset=utf-8"
meta name="viewport"
content="user-scalable=no, width=device-width, initial-scale=1.0" /
meta name="apple-mobile-web-app-capable" content="yes"
meta name="apple-mobile-web-app-status-bar-style" content="black"
link rel="stylesheet" href="css/user_home.css"/
script src="js/jquery-1.9.1.min.js"/script
style
#scroller3{margin-top:2em;
margin-left: 1.3em;
font-size: 2em;
}
#scroller3 input{height: 3em;
width: 80%;
margin-top: 1.5em;
margin-left: 2em;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #ef7b14;}
#pwd{margin-top:2em;}
#btn{display: block;
font-weight: bold;
height: 3.6em;
border: none;
color: #fff;
background: #ef7b14;
margin-top: 2em;
border-radius: 0.3em;
}
.da{border: 1px solid #ef7b14;
width: 90%;
height: 9em;
border-radius: 0.3em;
}
.da span{padding-left:0.5em; }
/style
/head
body
div id="page4" class="ui-mobile-viewport-transitioning ui-page hide"
div class="header"
h1商家手机号登录/h1
/div
h2 style="font-size: 3em;color: #ef7b14;margin: 1em"微吧欢迎您 :)/h2
div id="scroller3"
form id="loginForm"
div class="da"
input type="text" value="" id="pwd" name="shop" placeholder="店铺名称"/br/
input type="text" value="" name="name" id="name" placeholder="用户名"/br/
input type="password" value="" id="pwd" name="pwd" placeholder="密码"/br/
/div
input type="button" id="btn" value="登录"/
/form
/div
/div
script
$('#btn').click(function(){
var str=$('#loginForm').serialize();
// alert(str);
$.ajax({
url:'',
dataType: "jsonp",
jsonpCallback: "callback",
type:'post',
data:str,
success:function(data){
if(data.status=='ok'){
alert(data.msg);
location.href="./home.html"
}else{
alert(data.msg);
}
},
error:function(error){
alert(error);
}
})
})
/script
/body
/html
?php
header('content-type:text/html;charset=utf-8');
$con=mysql_connect('连接数据库');
$dd=mysql_select_db('连接数据库名字');
mysql_query('set names utf8');
session_start();
$phone=$_GET["name"];
$pwd=$_GET["pwd"];
$shop=$_GET["shop"];
$selectSqlStr=mysql_query("select * from shopuser where shop='".$shop."'and tel='".$phone."' and pwd='".$pwd."'");
$row= mysql_num_rows($selectSqlStr);
$str= mysql_fetch_assoc($selectSqlStr);
if($row0){
setcookie("tel",$phone,time()+24*3600);
echo 'callback({"status":"ok","msg":"登录成功","str":"'.$row.'"})';
}else{
echo 'callback({"status":"no","msg":"用户名与密码不符?","str":"'.$row.'"})';
echo $_SESSION["tel"];
}
mysql_close($con);
?
ajax分页,百度一下就知道的,很多分页还是刷新比较好吧,还有一直处理就是采用下拉加载更多内容,类似分页的效果实现。
1,页面需要嵌入iframe src是你另一个php程序,比如upload.php
2.form 提交的时候提交到iframe
3.upload.php判断提交成功输出一段js代码,parent.document.getElemetById("PID").src="成功后的图片地址";