关于成功的 HTML 表单 Ajax 帖子

Question

如下所示，我使用“表单”和“AJAX”将文本区域的内容发布到我网站内的 URL。我看到 POST 确实有效并将 conetn 发布到服务器，成功后我尝试在页面上找到要附加它的元素，尽管它不起作用。

你能建议吗？调用的函数成功部分应该是我指定目的地的地方，尽管我如何附加这些数据、在目标页面 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);

}

}); 

非常感谢，

汤姆

Answer 1

我不太熟悉通过 ajax 提交单个字段（或者在您的情况下是 jQuery 的 ajax 函数）。但是，我确实必须在我最近的一个项目中执行类似的功能。

我找到了这个插件：

jQuery Ajax Form Submit

它似乎工作得很好。您可能还想为您的项目研究这个。在这种情况下，将提交表单，而不是提交您的一个字段。这可能更容易，因为您不必自己映射字段。您可以将表单发布到同一页面并进行处理，也可以将其发布到给定的 url。

希望这会有所帮助。