Ajax を使用してページをロードし、コンテンツを削除する方法-jsチュートリアル-php.cn

Ajax を使用してページをロードし、コンテンツを削除する方法

php中世界最好的语言

リリース： 2018-04-02 11:53:23

オリジナル

1326 人が閲覧しました

今回は、ajaxを使用してページをロードし、コンテンツを削除する方法を説明します。 ajaxを使用してページをロードし、コンテンツを削除する場合の注意事項は何ですか。以下は実際のケースです。

ajax の最大の利点は、読み込みや削除の際にページにジャンプしないことです。今日の Web ページのほとんどは、

PHP コードを埋め込む場合と比較して、コードの量が削減され、ページの読み込みも高速です。以下は、例としてデータベースのフルーツテーブルを使用して ajax を使用して記述したページの読み込みとフルーツの削除です。最初は ajax を使用して記述するのは少しぎこちないかもしれません。練習として。

これは果物のテーブルです:

以下はホームページのコードです。まず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>

ログイン後にコピー

を作成します。ページ上のフルーツテーブル。次に、読み込み処理ページを記述し、php ファイル jiazaiym.php を作成します

 <?php
include("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=&#39;button&#39; ids=&#39;"+lie[0]+"&#39; class=&#39;sc&#39; value=&#39;删除&#39;/></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を書き直すと、ページをロードするときに内部のクラスが認識されないため、書いた後に実行されないことがわかります。そのため、ロードされたajaxに削除を入れる必要があります同時に、読み込みはメソッドにカプセル化され、削除時に呼び出すことができます。

rreee

このように書いても問題ありません。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:

Ajax を使用してポップアップログインを実現する方法

Web ユーザーエクスペリエンスを最適化するための Ajax + ブートストラップの手順

以上がAjax を使用してページをロードし、コンテンツを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。