jQuery的.onclick POST變種

Question

我想這一點：
- 鼠標點擊按鈕得到this.data-ID爲ID在DB選擇
- 這些數據將是在一個模式

動態顯示我不知道是如何使用Ajax的工作是什麼，誰能幫助？


HTML

<a data-toggle="modal" data-id="'.$method['id'].'" title="Visualizar" class="itemview btn btn-info btn-mini" href="#MethodView">Visualizar</a> 

.PHP

if(!empty($_POST)){ 
     if (isset($_POST['id']) && $_POST['id'] > 0){ 
      $id=$_POST['id']; 
      GetPaymentMethodView(); 
     } 
    } 
    function GetPaymentMethodView() { 
     global $db; 
     try{ 
      $query = $db->query("SELECT * FROM payment_methods WHERE id=$id"); 
      $row=$query->fetch(PDO::FETCH_ASSOC); 
      $result['success'] = true; 
      $result['result'] = $row; 
      echo json_encode($result); 
     return true; 
     } catch (PDOException $pe) { 
      return false; 
     } 
    } 

的.js

$('.itemview').click(function (e) { 
    e.preventDefault(); 
    var uid = $(this).data('id'); 
    $.ajax({ 
     type: "POST", 
     url: "resources/controllers/get.php", 
     data: 'id='+uid, 
     dataType: "json", 
     success: function (data) { 
      if (data.success) { 
       console.log(data.result); 
       console.log(data.result.id); 
      } else { 
       alert("error"); 
      } 
     } 
    }); 
}); 

Answer 1

在頁面上要顯示的結果把這樣的事情

<div class="result"></div> 

在儘量小的修改

try{ 
      $query = $db->query("SELECT id, name, bank_info FROM payment_methods WHERE id=$id"); 
      $row=$query->fetch(PDO::FETCH_ASSOC); 
      $result['success'] = true; 
      $result['result'] = $row; 
      echo json_encode($result); 
      exit; 
     return true; 
     } 

在JS小編輯

success: function (data) { 
      if (data.success) { 
       //How to show rows in php? 
       console.log(data.result); 
       console.log(data.result.id); 

       var result = data.result; 
       //prepare markup 
       var resultHtml = ''; 
       resultHtml += '<p>Id = ' + result.id +'</p>'; 
       resultHtml += '<p>Name = ' + result.name +'</p>'; 
       resultHtml += '<p>Bankinfo = ' + result.bank_info +'</p>'; 

       //Put markup in div 
       $(".result").html(resultHtml) 


      } else { 
       alert("error"); 
      } 
     } 

並查看瀏覽器控制檯瞭解。

Answer 2

由於這兩個代碼是在同一個頁面，您可以不用JS/jQuery的太多，對於執行該只需添加值的$method['id']直接<input>。

見下文從<a>標籤直接

<a data-toggle="modal" data-id="" title="Visualizar" class="itemview btn btn-info btn-mini" href="#MethodView">Visualizar</a> 

增加價值的理解

的$method['id']刪除值<input>標籤

<input type="text" name="methodid" id="methodid" value = "<?php echo $method['id']; ?>" /> 

而且沒有JS解決的問題。 :)所以刪除js的東西。