在div中顯示jquery發佈數據

嗨我試圖學習如何使用下面的簡單示例來發布帖子請求。雖然我可以輕鬆地將數據發佈到result.php並通過警報消息返回結果，但我希望將結果返回到當前頁面的div中。原因是我希望用戶在點擊按鈕後立即看到他們的姓名出現在屏幕上。有人能告訴我如何修改此代碼，以便文章的結果以div顯示，而不是作爲警報消息顯示？由於在div中顯示jquery發佈數據

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $("#searchForm").submit(function(event){ 
    $.post("result.php", 
    { 
     name:"Mike" 

     }, 
    function(data,status){ 
    //alert("Data: " + data + "\nStatus: " + status); 
    $('#post-result').append(data); 
     }); 
    }); 
    }); 
</script> 

<form action="result.php" id="searchForm"> 
<input type="text" name="name" placeholder="Search..." /> 
<input type="submit" value="Search" /> 
</form> 

<div id='post-result'></div>

來源

2013-07-26 matt tuman

最後一個問題。我在上面的代碼中添加了一個簡單的表單。我只是改名：「邁克」到term = $ form.find（'input [name =「name」]'）.val（），？再次感謝！ –

只要把一個div在頁面上，使用jQuery的append()把你的數據，它是這樣的...

<div id='post-result'></div> 

<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
     $.post("result.php", 
      $('#searchForm').serialize(), 
      function(data,status){ 
       //alert("Data: " + data + "\nStatus: " + status); 
       $('#post-result').append(data); 
      } 
     ); 
    }); 
}); 
</script>

更新 - 按照意見，添加的呼叫連載的形式，使得腳本在提交時將當前表單數據發佈到服務器。

來源

2013-07-26 16:15:49 jammypeach

最後一個問題。我在上面的代碼中添加了一個簡單的表單。我只是改名：「邁克」到term = $ form.find（'input [name =「name」]'）.val（），？再次感謝！ –

@matttuman是的，你可以這樣做，但更好的方法是使用jQuery的'$ .serialize（）'函數發送表單數據，如果你只是想提交表單中的數據。我會更新我的答案以顯示如何... – jammypeach

你可以做，在很多不同的方式，其中之一可能是：

$('#idofdiv').html(data);

如果與上面的代碼與自己的DIV ID就應更換alert("Data: " + data + "\nStatus: " + status);和替換idofdiv工作。

查看jQuery的文檔以瞭解更多關於它的信息（http://api.jquery.com/）。

來源

2013-07-26 16:15:20 putvande

謝謝我一定會檢查出文檔！ –

在div中顯示jquery發佈數據

回答

相關問題