如何不刷新頁面

創建更新按鈕，我有我的項目：如何不刷新頁面

<table> 
    <tr> 
     <th> 
      id 
     </th> 
     <th> 
      name 
     </th> 
     <th> 
      update 
     </th> 
    </tr> 
    <tr> 
     <td> 
      <?php echo $id; ?> 
     </td> 
     <td> 
      <?php echo $name; ?> 
     </td> 
     <td> 
      <input type="button" name="id" id="update" value="update" /> 
     </td> 
    </tr> 
</table>

現在我想，當我在更新按鈕點擊加載按鈕下update.php?id=$id結果我怎樣才能使這個在JavaScript？請幫幫我。

來源

2014-09-11 user3932710

不，不..請理解Java與JavaScript不一樣！ – 2014-09-11 11:49:21

使用JavaScript而不是Java並閱讀關於AJAX – Robert 2014-09-11 11:49:53

@TraianTatic我希望我可以多次上傳您的評論... – wavemode 2014-09-11 11:54:57

這裏的內容負荷通過JavaScript一個基本的例子，使用jQuery庫：

<table> 
    <tr> 
     <th> 
      id 
     </th> 
     <th> 
      name 
     </th> 
     <th> 
      update 
     </th> 
    </tr> 
    <tr> 
     <td> 
      <?php echo $id; ?> 
     </td> 
     <td> 
      <?php echo $name; ?> 
     </td> 
     <td> 
      <input class="toLoad" link="update.php?id=<?php echo $id; ?>" type="button" name="id" id="update" value="update" /> 
     </td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td id="results"></td> 
    </tr> 
</table> 


<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script> 
$(".toLoad").click(function(event) 
{ 
     event.preventDefault(); 
     $("#results").load($(this).attr("link")); 
}); 
</script>

沒有測試，應該工作。如果它不起作用，請回復您收到的錯誤。

來源

2014-09-11 11:59:17

非常感謝你非常非常。它有工作成功 – user3932710 2014-09-11 12:02:57

@ user3932710很高興聽到這一點。它背後的邏輯並不那麼複雜，因此您應該可以在將來修改它以適應其他要求。 – 2014-09-11 12:05:54

先舉一個ID，然後在您的按鈕是英寸

<td id="main"> 
    <input type="button" name="id" id="update" value="update" /> 
</td>

然後包括jQuery庫到您的<head></head>部分

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>

添加一個Ajax調用，當你按下按鈕

$(document).ready(function() { 
    $('input[name="id"].click(function(){ 
     $.ajax({ 
      url : 'update.php', 
      type : "POST", 
      data : { 
       id : '<?php echo($id); ?>' 
      }, 
      success : function(data) { 
      $('#main').append(data); 
      } 
     }); 
    }); 
}

當你點擊按鈕ajax調用到你的PHP頁面你m ust echo的結果，這個按鈕後會顯示。

來源

2014-09-11 12:01:28 Wezy

如何不刷新頁面

回答

相關問題