小編給大家分享一下ajax怎么實現(xiàn)頁面加載和內(nèi)容刪除，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務領(lǐng)域包括：成都網(wǎng)站制作、成都網(wǎng)站設計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的沙河網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！

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

這是fruit表：

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

內(nèi)容加載

 
  水果名稱
  水果價格
  水果產(chǎn)地
  操作
 
 

 

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

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

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

 $.ajax({
  url:"jiazaiym.php",
  dataType:"TEXT",
  success:function(data){
   var str = "";
   var hang = data.split("|");

   for(var i=0;i"+lie[1]+""+lie[2]+""+lie[3]+""

   }
   $("#tb").html(str);
  }
 })

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

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

Query($sql,0))
{
 echo"OK";
}
else{
 echo"flase";
}

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

 Load();
 function Load() {
  $.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 + "" + lie[1] + "" + lie[2] + "" + lie[3] + ""

    }
    $("#tb").html(str);
    //刪除頁面
    $(".sc").click(function(){
     var ids=$(this).attr("ids");
    $.ajax({
     url: "shanchu.php",
     data: {ids: ids},
     type: "POST",
     dataType: "TEXT",
     success: function (aa) { //去空格
      if (aa.trim() == "OK") {
       alert("刪除成功");
       Load();
      }
      else {
       alert("刪除失敗");
      }
     }
    })
    })
   }
  })
 }

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

什么是ajax

ajax是一種在無需重新加載整個網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)，可以通過在后臺與服務器進行少量數(shù)據(jù)交換，使網(wǎng)頁實現(xiàn)異步更新。

以上是“ajax怎么實現(xiàn)頁面加載和內(nèi)容刪除”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！