国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > AJAX > 正文

ajax實現頁面加載和內容刪除

2024-09-01 08:27:22
字體:
來源:轉載
供稿:網友

ajax最大的好處就在于加載和刪除的時候不會跳轉頁面,現在的網頁大多都會選擇用ajax來寫,相比嵌入PHP代碼來說減少了代碼量,同時加載頁面也會比較快,下面是用ajax以數據庫fruit表為例寫的加載頁面和水果的刪除,剛開始用ajax可能寫起來還是會比較手生,就當是練習好了。

這是fruit表:

 下面就是首頁的代碼了,先建一個php文件main.php

<body><h2>內容加載</h2><table cellpadding="0" cellspacing="0" border="1" width="100%"> <tr>  <td>水果名稱</td>  <td>水果價格</td>  <td>水果產地</td>  <td>操作</td> </tr> <tbody id="tb"> </tbody></table></body>

我選擇的是在頁面只顯示fruit表中的水果名稱 價格和產地這三列,下面我們就要寫加載的處理頁面了,建一個php文件,jiazaiym.php

 <?phpinclude("DADB.class.php");$db=new DADB();$sql="select * from fruit ";$arr=$db->Query($sql);$str="";foreach($arr as $v){ $str=$str.implode("^",$v)."|"; //每一行之間用“|”連接,這樣最后就會多出一個“|”}$str=substr($str,0,strlen($str)-1); //把最后多出的“|”用截取字符串的方式刪去echo $str;?> 

加載頁面代碼寫完之后就可以正式的寫ajax了,這些是要寫在main.php中的。

<script type="text/javascript"> $.ajax({  url:"jiazaiym.php",  dataType:"TEXT",  success:function(data){   var str = "";   var hang = data.split("|");   for(var i=0;i<hang.length;i++)   {    var lie = hang[i].split("^");     str = str+"<tr><td>"+lie[1]+"</td><td>"+lie[2]+"</td><td>"+lie[3]+"</td><td><input type='button' ids='"+lie[0]+"' class='sc' value='刪除'/></td></tr>"   }   $("#tb").html(str);  } })</script>

注意:在寫ajax的時候要特別注意里面的分號和逗號,我自己總是把逗號寫成分號,結果無法輸出,在檢查一遍代碼無誤后,才發現是逗號寫錯了,這是件非常令人頭疼的事情。 

寫完加載頁面之后我們要開始寫刪除頁面了,建一個php文件shanchu.php,刪除頁面是非常簡單的,和之前直接嵌入php 是差不多的。 

<?php$ids=$_POST["ids"];include("DADB.class.php");$db=new DADB();$sql="delete from fruit where ids={$ids}";if($db->Query($sql,0)){ echo"OK";}else{ echo"flase";} 

接下來在我要重新寫一個ajax的時候會發現,寫完之后不運行,因為在加載頁面的時候刪除里面的 class不識別,這就需要我把刪除放到加載的ajax里面了,同時把加載封裝成一個方法,刪除的時候調用一下就可以。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 平罗县| 哈密市| 达拉特旗| 武隆县| 滦平县| 保定市| 婺源县| 靖宇县| 长治县| 隆安县| 淮阳县| 光泽县| 邛崃市| 宁阳县| 太仓市| 含山县| 金华市| 舞钢市| 蓬莱市| 正镶白旗| 云南省| 渑池县| 鹿泉市| 台山市| 盐山县| 邯郸县| 贡山| 深州市| 青冈县| 德庆县| 五指山市| 上思县| 五莲县| 宜丰县| 射洪县| 留坝县| 泊头市| 台安县| 福建省| 葫芦岛市| 罗平县|