您的位置:首頁>正文

ajax 實現頁面載入和內容的刪除

ajax最大的好處就在於載入和刪除的時候不會跳越網頁面, 現在的網頁大多都會選擇用ajax來寫, 相比嵌入PHP代碼來說減少了代碼量, 同時載入頁面也會比較快,

下面是用ajax以資料庫fruit表為例寫的載入頁面和水果的刪除, 剛開始用ajax可能寫起來還是會比較手生, 就當是練習好了

這是fruit表

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

1 2 3 內容載入 4 5 6 水果名稱 7 水果價格 8 水果產地 9 操作 10 11 12 13 14 15

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

1 Query($sql); 6 $str=""; 7 foreach($arr as $v) 8 { 9 $str=$str.implode("^",$v)."|"; //每一行之間用“|”連接, 這樣最後就會多出一個“|” 10 } 11 $str=substr($str,0,strlen($str)-1); //把最後多出的“|”用截取字串的方式刪去 12 echo $str; 13 ?>

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

1

注意:在寫ajax的時候要特別注意裡面的分號和逗號, 我自己總是把逗號寫成分號, 結果無法輸出, 在檢查一遍代碼無誤後, 才發現是逗號寫錯了,

這是件非常令人頭疼的事情

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

1 Query($sql,0)) 7 { 8 echo"OK"; 9 } 10 else{ 11 echo"flase"; 12 }

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

1

這樣寫起來就沒有問題了。

同類文章
Next Article
喜欢就按个赞吧!!!
点击关闭提示