HTML表單在成功上的Ajax帖子

如下所示，我使用「表單」和「AJAX」將文本區域的內容發佈到我的網站中的URL。我看到POST工作並將conetn發佈到服務器，並且成功時，我試圖找到頁面上的元素來追加它，儘管它不起作用。HTML表單在成功上的Ajax帖子

請問您能指教一下嗎？調用函數的成功部分應該是我指定目標的地方，但是我應該如何附加這些數據，在目標頁面html中加載一些Ajax，加載等？

<form id="test" onclick="submitForm();">{% csrf_token %} 
    <textarea id="red_content" name="content"></textarea> 
    <p> 
     <input type="submit" value="Publish" name="send"> 
    </p> 
</form> 


function submitForm() 
{ 
$.ajax({ 
url: "http://127.0.0.1:8000/Test/Trial", 
data: $('#test'), 
type: 'POST', 
dataType: 'html', 
success: function(data) 
{ 
//$('.content-container5').setFocus(); 
$('.content-container5').html(data); 

} 

});

非常感謝，

湯姆

來源

2012-12-07 VivaNosh

任何人的幫助，將不勝感激。 – VivaNosh

我不是很熟悉，通過AJAX提交一個字段（或你的情況jQuery的AJAX功能）。然而，我不得不在最近的一個項目中做類似的功能。

我發現這個插件：

jQuery Ajax Form Submit

它似乎工作得很好。您也可以爲您的項目進行調查。在這種情況下，將不會提交您的一個字段，而是提交表單。這可能會更容易，因爲你不必自己映射字段。您可以將表單發佈到同一頁面並處理它或將其發佈到給定的URL。

希望這會有所幫助。

來源

2012-12-07 17:05:53 War10ck

謝謝，看起來是我後愚蠢的問題？是否需要在張貼的頁面上發表自己的見解？實際上追加數據的那個。 – VivaNosh

@VivaNosh這不是一個愚蠢的問題。我想你的要求是JavaScript代碼必須在發佈頁面上？如我錯了請糾正我。我不確定它是否必須。我在'$（document）.ready（function（）{}）的頁面上附加我的'.ajaxSubmit'事件處理程序。 – War10ck

一旦處理程序被連接，它就像描述的文檔一樣完美工作。 – War10ck

HTML表單在成功上的Ajax帖子

回答

相關問題