負載.PHP中DIV網站無需重新加載

Question

我想創建以下情形：

在我的索引文件的形式從用戶，這是用來做一些計算收集輸入。這個計算的結果應該在相同頁面上的一個漂亮的界面中迴應給他，而不需要重新加載。

目前，results.php頁面正在正確接收輸入。現在，我只想將其顯示回主頁面上的結果div，而無需重新加載results.php。 .load是錯誤的命令。我需要類似「.show」......任何想法？

HTML：

<form action="results.php" method="post" class="ajaxform"> 
    //all the inputs 
    <input type="submit" value="see your results" class="button"/> 
</form> 

<div id="results"> 
    //here he should see the results.php output 
</div> 

jQuery的

jQuery(document).ready(function(){ 

jQuery('.ajaxform').submit(function() { 

    $.ajax({ 
     url  : $(this).attr('action'), 
     type : $(this).attr('method'), 
     data : $(this).serialize(), 

     success : function(data) { 
        alert('Form is successfully submitted');  

        setTimeout(function() { 
        $('#results').load('results.php'); 
        }, 1000); 

        }, 
     error : function(){ 
        alert('Something wrong'); 
        } 
    }); 

    return false; 
});}); 

Answer 1

改變這種

$('#results').load('results.php'); 

要

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

如果返回結果爲data變量。

Answer 2

如果我理解正確的話您的問題，results.php臨危你會顯示在div #result輸出。 要使用來自ajax請求的返回數據，您必須將數據作爲javascript變量。要在div中顯示結果，您需要在ajax-call的成功函數中使用以下語句。

$("#result").html(data);