ajax把增加的數(shù)據(jù)傳到后臺,保存成功的話就然后查詢數(shù)據(jù)庫,把當(dāng)前分頁的內(nèi)容讀取,再傳回前臺,前臺先關(guān)掉彈出的頁面,然后用js或者jq把原來表格的內(nèi)容直接干掉,然后在把新查詢的數(shù)據(jù)循環(huán)出來用js或者jq寫成表格到相應(yīng)位置啊,還是很好實現(xiàn)的
創(chuàng)新互聯(lián)建站憑借在網(wǎng)站建設(shè)、網(wǎng)站推廣領(lǐng)域領(lǐng)先的技術(shù)能力和多年的行業(yè)經(jīng)驗,為客戶提供超值的營銷型網(wǎng)站建設(shè)服務(wù),我們始終認(rèn)為:好的營銷型網(wǎng)站就是好的業(yè)務(wù)員。我們已成功為企業(yè)單位、個人等客戶提供了網(wǎng)站建設(shè)、成都做網(wǎng)站服務(wù),以良好的商業(yè)信譽,完善的服務(wù)及深厚的技術(shù)力量處于同行領(lǐng)先地位。
!DOCTYPE HTML
html
head
title微吧外賣/title
meta name="keywords"
content="JqueryMobile JqueryMobile進(jìn)階 JqueryMobile教程 Jquery mobile進(jìn)階 轉(zhuǎn)屏效果的簡單實現(xiàn) Warren " /
meta name="description" content="模擬JqueryMobile slide轉(zhuǎn)屏效果的簡單實現(xiàn)" /
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('連接數(shù)據(jù)庫');
$dd=mysql_select_db('連接數(shù)據(jù)庫名字');
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分頁,百度一下就知道的,很多分頁還是刷新比較好吧,還有一直處理就是采用下拉加載更多內(nèi)容,類似分頁的效果實現(xiàn)。
1,頁面需要嵌入iframe src是你另一個php程序,比如upload.php
2.form 提交的時候提交到iframe
3.upload.php判斷提交成功輸出一段js代碼,parent.document.getElemetById("PID").src="成功后的圖片地址";