首先你需要在php設(shè)計的時候就有這種想法。
創(chuàng)新互聯(lián)公司專注于略陽網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供略陽營銷型網(wǎng)站建設(shè),略陽網(wǎng)站制作、略陽網(wǎng)頁設(shè)計、略陽網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務(wù),打造略陽網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供略陽網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
?php
//這里是模擬你從數(shù)據(jù)庫讀出來的數(shù)據(jù)格式
$student['id'][0]="01";
$student['name'][0]="張三";
$student['sex'][0]="男";
$student['id'][1]='02';
$student['name'][1]="李四";
$student['sex'][1]="男";
$student['id'][2]='03';
$student['name'][2]="黃美美";
$student['sex'][2]="女";
?
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=GB2312" /
titleUntitled Document/title
/head
script type="text/javascript"
function hideSex(type){
var objName;
var objName_;
var obj;
var obj_;
if(type==0){
objName="m";
objName_="f";
}else{
objName="f";
objName_="m";
}
obj=document.getElementsByName(objName);
obj_=document.getElementsByName(objName_);
vari=0;
for(i=0;iobj.length;i++){
obj[i].style.visibility="hidden";
}
for(i=0;iobj_.length;i++){
obj_[i].style.visibility="visible";
}
}
function showAll(){
var obj;
var obj_;
obj=document.getElementsByName("m");
obj_=document.getElementsByName("f");
for(i=0;iobj.length;i++){
obj[i].style.visibility="visible";
}
for(i=0;iobj_.length;i++){
obj_[i].style.visibility="visible";
}
}
/script
style type="text/css"
.div_id{top:0px;left:0px;width:20pxl;height:20px;line-height:20px;border:1px solid rgb(200,200,200);position:absolute}
.div_name{top:0px;left:20px;width:50px;height:20px;line-height:20px;border:1px solid rgb(200,200,200);position:absolute}
.div_sex{top:0px;left:70px;width:20px;height:20px;line-height:20px;border:1px solid rgb(200,200,200);position:absolute}
.bt{width:80px;height:20px;position:absolute}
/style
body
?php
for($i=0;$icount($student['id']);$i++){
$list_top=20*$i;
if($student['sex'][$i]=="男"){
$div_id="m";
}else{
$div_id="f";
}
echo "div name=\"".$div_id."\" style='top:".$list_top."px;left:0px;width:100px;height:20px;line-height:20px;border:0;position:absolute;'
div class='div_id align='center'".$student['id'][$i]."/div
div class='div_name' align='center'".$student['name'][$i]."/div
div class='div_sex' align='center'".$student['sex'][$i]."/div
/div";
}
echo("input type='submit' value='隱藏男生' onclick=\"hideSex(0);\" style='top:".($list_top+30)."px;left:0px;' class='bt'/");
echo("input type='submit' value='隱藏女生' onclick=\"hideSex(1);\" style='top:".($list_top+30)."px;left:90px;' class='bt'/");
echo("input type='submit' value='顯示全部' onclick='showAll();' style='top:".($list_top+30)."px;left:180px;' class='bt'/");
?
/body
/html
這只是簡單演示一下,至于什么重新排版什么的,你自己斟酌好了。
其實也不算可靠,同樣可以偽造,一般hidden是加token避免一些非法提交的。
你后端處理post數(shù)據(jù)首先得判斷是否是post請求才能下一步操作,如果直接獲取post內(nèi)容,會出現(xiàn)一些警告。
一般說來,在數(shù)據(jù)提交的頁面不能使用返回和刷新等功能,應(yīng)該在頁面上進行醒目標記,教育用戶。
要想 的網(wǎng)頁與眾不同--刷新不會重新提交,那么 可以在頁面上弄一個隱藏的iframe,form提交的目標指向這個iframe,而由iframe調(diào)用js代碼在主頁面描述提交結(jié)果,這樣的頁面刷新的時候就等于新進入。
大致的結(jié)果如下:
div id=result_div/div
form method=post target=post_frm...../form
iframe name=post_frm style='display:none'/iframe?phpif (isset($_post['submi11t'])==true){$result='';
if (提交數(shù)據(jù)檢查不通過) $result.='提交數(shù)據(jù)不合格!';
else if (數(shù)據(jù)保存成功) $result.='數(shù)據(jù)保存成功。';
else $result.='數(shù)據(jù)保存失?。?;
加個判斷就好了。。。成交狀態(tài)是未聯(lián)系 就黑色。。 反之就顯示
如果要用戶體驗度好一點 就ajax 設(shè)置樣式。。