2017-06-29 9 views
-1

私はアヤックスに新しいですが、私は、表示、追加、編集、およびこのテーブルの上にAJAXを使用してタブまたは他の言葉でを更新せずにmysqlデータベースのデータを削除しようとしています:PHP、MySQLとAJAX

私はビューの部分を行っていますが、編集しましたが、編集や削除の方法を理解できません。あなたの場合は

<?php 
include("connection.php"); 

$sql = "select * from tbl_demo"; 
$result=mysqli_query($db,$sql); 
echo "<table class='myTable'>"; 
while($data = mysqli_fetch_row($result)) 
{ 
echo "<tr>"; 
echo "<td width='13.5%'>$data[0]</td>"; 
echo "<td width='21%'>$data[1]</td>"; 
echo "<td width='19.5%'>$data[2]</td>"; 
echo "<td width='24%'>$data[3]</td>"; 
echo "<td><span class='edit'>Edit</span> | <span 
class='delete'>Delete</span></td>"; 
echo "</tr>"; 
} 
echo "</table>"; 
?> 
+1

ボタンが表示されません。あなたのajaxコードは、ドキュメントが読み込まれた後に実行するように設定されています。あなたの質問のタイトルは非常に曖昧です。ここで何を求めているのですか?あなたが持っている*具体的な問題は何ですか? –

+0

私は質問も理解できません。 – MorganFreeFarm

+0

「編集|ユーザーが[編集]をクリックするとデータを編集するか、[ユーザーが削除]をクリックするとデータが削除されます。 –

答えて

0

<html> 
<head> 
    <title>View Data Without refresh</title> 
    <script language="javascript" type="text/javascript" src="script/jquery-git.js"></script> 
    <script language="javascript" type="text/javascript"> 
     $(document).ready(function() { 
      (function() {     
       $.ajax({ 
       type: "POST", 
       url: "display.php",    
       dataType: "html",    
       success: function(response){      
       $("#responsecontainer").html(response); 
       } 
       }); 
      }); 
     }); 
</script> 

</head> 

<body> 
     <fieldset><br> 
      <legend>Manage Student Details</legend> 
      <table> 
       <tr> 
        <th>ID</th> 
        <th>Name</th> 
        <th>Class</th> 
        <th>Section</th> 
        <th>Status</th> 
       </tr> 
      </table> 
      <div id="responsecontainer" align="center"></div>      
     </fieldset> 
     <input type="button" id="display" value="Add New"/> 
</body> 
</html> 

PHPの表示コード:事前に感謝を

HTMLコード..私はそれが非常に長い作業ですけど、私はインターネット上で何の解決策を見つけていませんconnectionsql queryphp response私はそれが自動的にDになりたいokですと

one

は、ページの読み込み時にajaxを実行することを意味します。その後、phpの出力は各繰り返しではなく最後になるはずです。

<?php 
    include("connection.php"); 

    $sql = "select * from tbl_demo"; 
    $result=mysqli_query($db,$sql); 
    $output = "<table class='myTable'>"; 
    while($data = mysqli_fetch_row($result)) 
    { 
     $output .="<tr>"; 
     $output .="<td width='13.5%'>$data[0]</td>"; 
     $output .="<td width='21%'>$data[1]</td>"; 
     $output .="<td width='19.5%'>$data[2]</td>"; 
     $output .="<td width='24%'>$data[3]</td>"; 
     $output .="<td><span class='edit'>Edit</span> | <span 
     class='delete'>Delete</span></td>"; 
     $output .="</tr>"; 
    } 
    $output .="</table>"; 
    echo $output; 
?> 

編集/削除を行うには、アクションのあるページをコントローラと呼ばれる別のページに渡すか、リダイレクトする必要があります。再度変更した後は、index/view dataページをリダイレクトするか、ページをリフレッシュ/リダイレクトしたくない場合はajaxを使用する必要があります。

+0

@HaseebHassy:ajaxによるすべてのCRUD操作がページをリフレッシュしないようにする場合はい、すべてのものがjavascriptになります。 – C2486

+1

@Rishiありがとうございました。 –

関連する問題