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

2021-07-28 09:13:38 字數 1939 閱讀 5140

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

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

下面就是首頁的**了，先建乙個php檔案 main.php

1


<


body


>23


<


h2>內容載入


h2>


4<


table 


cellpadding


="0"


cellspacing


="0"


border


="1"


width


="100%"


>


5<


tr>


6<


td>水果名稱


td>


7<


td>水果**


td>


8<


td>水果產地


td>


9<


td>操作


td>


10tr


>


11<


tbody 


id="tb"


>


1213


tbody


>


14table


>


15body


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

1


<?php 


2include("dadb.class.php");


3$db=new


dadb();


4$sql="select * from fruit ";


5$arr=$db->query($sql);6


$str="";


7foreach($arr


as$v)8


11$str=substr($str,0,strlen($str)-1); //


把最後多出的「|」用擷取字串的方式刪去


12echo


$str


;13 ?>
載入頁面**寫完之後就可以正式的寫ajax了,這些是要寫在main.php中的

1
注意：在寫ajax的時候要特別注意裡面的分號和逗號，我自己總是把逗號寫成分號，結果無法輸出，在檢查一遍**無誤後，才發現是逗號寫錯了，這是件非常令人頭疼的事情

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

1


<?php 


2$ids=$_post["ids"];


3include("dadb.class.php");


4$db=new


dadb();


5$sql="delete from fruit where ids=";


6if($db->query($sql,0))710


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

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

web頁面預載入（ajax請求內容）

提交 獲取瀏覽器頁面可見高度和寬度 var pageheight document.documentelement.clientheight,pagewidth document.documentelement.clientwidth 計算loading框距離頂部和左部的距離 loading框的寬度...

獲取Ajax載入的內容

1 如果所爬取的 是通過ajax方式載入的，就直接抓包，拿他後面傳輸資料的檔案 2 有些網頁內容使用ajax載入，只要記得，ajax一般返回的是json,直接對ajax位址進行post或get，就返回json資料了。作為一名爬蟲工程師，你最需要關注的，是資料的 usr bin env python ...

如何控制頁面內容的載入順序

目前 之間相互呼叫的情況越來越多，比如 需要呼叫某個第三方提供的一些介面 天氣預報 或者是第三方提供的廣告.但是出於各種原因 網路故障 伺服器故障 軟體故障.常常會發生第三方的相應頁面不能訪問的情況，而直接導致自己 不能正常訪問，或者訪問速度比較慢。比如 某個 為 頭 內容 底 結構，在 的頭部放置...