處理POST請求

Question

我想發佈一些數據，但我沒有實現我需要什麼。

無論什麼list-item我點擊，它是張貼的最上面的值list-item。

這是jQuery函數：

$(".list-item-wrap a").click(function(){ 
    $.post("display2.php", { 
     msg_id: $(".list-item-wrap a .list-item").find('input').val()}, 
     function(data) { 
      $("#list").load("display2.php", { 
       msg_id: $(".list-item-wrap a .list-item").find('input').val() 
      }); 
     //window.location.replace("display2.php"); 
    }) 
}) 

這是實際的HTML/PHP數據：

<?php 

$query = "SELECT * from workflow WHERE name = '$username' ORDER BY msg_id DESC"; 
$result = mysql_query($query) or die("ERROR: $query.".mysql_error()); 

while ($row = mysql_fetch_object($result)) { 
    echo "<div class=list-item-wrap>"; 
    echo "<a href='#'><div class=list-item><input class=msgid type=hidden value=" 
       .$row->msg_id.">"; 
    echo "<b><h1>".$row->subject."</h1></b>".substr($row->message, 0, 200) 
       ."...<br><b>".$row->sender."</b>"; 
    echo "</div></a></div>"; 
} 
?> 

我要去哪裏錯了？

Answer 1

你需要的preventDefault（）在錨點擊：

$(".list-item-wrap a").click(function(e){ 
    e.preventDefault(); 
    $.post("display2.php", {msg_id: $(".list-item-wrap a .list-item").find('input').val()}, 
    function(data){ 
     $("#list").load("display2.php", {msg_id: $(".list-item-wrap a .list-item").find('input').val()}); 
     //window.location.replace("display2.php"); 
    }) 
}) 

Answer 2

使用return false在函數結束。像：

$(".list-item-wrap a").click(function(){ 
    $.post("display2.php", {msg_id: $(".list-item-wrap a .list-item").find('input').val()}, 
    function(data){ 
     $("#list").load("display2.php", {msg_id: $(".list-item-wrap a .list-item").find('input').val()}); 
     //window.location.replace("display2.php"); 
    }) 
    return false; 
}) 

Answer 3

對不起，我誤會試試這個：

$(".list-item-wrap a").click(function(){ 
    $.post("display2.php", {msg_id: $(this).find('input').val()}, 
    function(data){ 
     $("#list").load("display2.php", {msg_id: $(".list-item-wrap a .list-item").find('input').val()}); 
     //window.location.replace("display2.php"); 
    }) 
}) 

Answer 4

當您在一組元素調用val()，它只會返回第一個1的值。您只需致電val()即可。

試着用這個代替，讓你在點擊的項目：

$(".list-item input", this).val() 

在這種情況下，this是.list-item-wrap a你想要的，所以你需要它後得到input。

或者，如果你想發佈的所有項目，使用：

$('input', '.list-item-wrap a .list-item').serialize() 

Answer 5

首先，你需要找到你想要的輸入元素的值..
所以用

限制你選擇

msg_id: $("input",this).val() 

你也應該改變你的回調方法只顯示數據，而不是做一個新的Ajax調用..

function(data) { 
      $("#list").html(data); 
}