jQuery Ajax =成功返回頁面

好吧，所以我知道長手阿賈克斯，但試圖使用jQuery捷徑。我有兩個文件jQuery Ajax =成功返回頁面

form.php的
submit.php

在我的「形式」頁我打電話「提交」頁面來處理插入。我目前使用的jQuery阿賈克斯：

<script type="text/javascript"> 
    jQuery('form').submit(function() { 
    string = jQuery("form").serializeArray(); 
    jQuery.ajax({ 
    type: "POST", 
    url: "submit.php", 
    data: string, 
    dataType: "json", 
    }) 
    return false; 
    }); 
    </script>

當我查看螢火蟲它正在處理ajax罰款。我得到200和post設置參數。我想要做的就是讓ajax返回submit.php文件。我知道這與「成功」功能有關，但我不知道如何添加此功能。我嘗試了一些事情，如：

<script type="text/javascript"> 
    jQuery('form').submit(function() { 
    string = jQuery("form").serializeArray(); 
    jQuery.ajax({ 
    type: "POST", 
    url: "submit.php", 
    data: string, 
    dataType: "json", 
    success: function(html){ 
    alert(html); 
    } 
    }) 
    return false; 
    }); 
    </script>

和

<script type="text/javascript"> 
    jQuery('form').submit(function() { 
    string = jQuery("form").serializeArray(); 
    jQuery.ajax({ 
    type: "POST", 
    url: "submit.php", 
    data: string, 
    dataType: "json", 
    success: function(html){ 
    $('.result').html(data); 
    } 
    }) 
    return false; 
    }); 
    </script>

但是這些都在工作。我再次嘗試發送ajax請求，然後返回submit.php頁面的內容。 submit.php頁面不僅包含處理php/ajax插入的腳本，還顯示「插入成功」等成功語句，這就是爲什麼我不僅需要在頁面中運行腳本，還要返回內容該頁面。感謝您的任何幫助。

來源

2012-02-19 user982853

請開始縮進你的代碼。 – ThiefMaster 2012-02-19 00:23:23

Chagne的dataType:'json'到dataType:'html'爲您希望顯示的submit.php內容的callback 。

來源

2012-02-19 00:19:09 xandercoded

關於哪個例子。我有三個以上。謝謝。 – user982853 2012-02-19 00:19:44

你想要顯示'submit.php'頁面的內容... – xandercoded 2012-02-19 00:20:26

工作正常！謝謝。 – user982853 2012-02-19 00:26:16

你在第二次嘗試時很接近，但是你犯了一個錯字。嘗試：

success: function (data) { 
    $('.result').html(data); 
}

而且，除非你的服務器返回JSON，你可能希望通過dataType改變：

dataType: "html"

來源

2012-02-19 00:18:47 mc10

'data'是作爲函數的參數。如果你調用'$（'。result'）.html（data）;''稍後，'data'不存在（因爲你已經使用'success：function（html）{'），那麼函數將返回一個錯誤。 – mc10 2012-02-19 00:26:40

jQuery Ajax =成功返回頁面

回答

相關問題