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。

希望这有帮助。

HTML表单上的Ajax发布成功

1 个答案: