如何在一个html页面中提交两个post,如何在同一个页面上从Django和Ajax获得多个post请求？...

忘是亡心i 2022-10-06 04:46 30阅读 0赞

我一整天都在为这事犯愁。似乎什么都没用。这是我的情况。在

我有一个Django表单，有两个字段：redirect\_from，redirect\_to。此表单有两个提交按钮：Validate和\{\}。当页面加载时，Submit被隐藏，只显示Validate。在

所以现在，当用户填充这两个字段并单击Validate时，我使用Ajax来确认这两个字段是相同的。如果是，则显示Save按钮。单击Save按钮应将表单保存到数据库中。我还添加了一个oninput监听器，这样在Ajax调用之后，如果用户试图更改数据，Save按钮将再次隐藏，他现在必须再次计算它。在

显然，使用Ajax应该很容易，但是我发现它非常困难和令人沮丧。到目前为止，我的代码是：

我的模板：form method="post">

\{% csrf\_token %\}

\{% include 'partials/form\_field.html' with field=form.redirect\_from %\}

\{% include 'partials/form\_field.html' with field=form.redirect\_to %\}

Save

Validate

\{% endblock %\}

\{% block extra\_scripts %\}

\{ \{ block.super \}\}

$(document).ready(function() \{

$("\#submit").hide()

\});

$('\#id\_redirect\_to').on('input', function()\{

$("\#submit").hide()

\});

console.log("hello")

//For getting CSRF token

function getCookie(name) \{

var cookieValue = null;

if (document.cookie && document.cookie != '') \{

var cookies = document.cookie.split(';');

for (var i = 0; i < cookies.length; i++) \{

var cookie = jQuery.trim(cookies\[i\]);

if (cookie.substring(0, name.length + 1) == (name + '=')) \{

cookieValue = decodeURIComponent(cookie.substring(name.length + 1));

break;

\}

\}

\}

return cookieValue;

\}

//For doing AJAX post

//When submit is click

$("\#ajax\_submit").click(function(e) \{

console.log("Clicked")

e.preventDefault();

//Prepare csrf token

var csrftoken = getCookie('csrftoken');

//Collect data from fields

/\*var email = $('\#inputEmail').val();\*/

var redirect\_from= $('\#id\_redirect\_from').val();

var redirect\_to= $('\#id\_redirect\_to').val();

console.log("URL from and to is", redirect\_from, redirect\_to)

/\*var password = $('\#inputPassword').val();\*/

//Send data

$.ajax(\{

url : window.location.href, // the endpoint,commonly same url

type : "POST", // http method

data : \{ csrfmiddlewaretoken : csrftoken,

redirect\_from : redirect\_from,

redirect\_to : redirect\_to

/\*password : password\*/

\}, // data sent with the post request

// handle a successful response

success : function(json) \{

console.log(json); // another sanity check

//On success show the data posted to server as a message

if (json\['redirect\_success'\] === 'true')

\{

alert("They are the same!" +json\['redirect\_success'\] +'!.' );

$("\#submit").show()

\}

else

\{

$("\#submit").hide() //Maybe display some error message in the future!

\}

\},

// handle a non-successful response

error : function(xhr,errmsg,err) \{

console.log(xhr.status + ": " + xhr.responseText); // provide a bit more info about the error to the console

\}

\});

\});

\{% endblock extra\_scripts %\}

我的观点：

^\{pr2\}$

我得到了500: MultiValueDictKeyError at "'Save'"

有人能把我引向正确的方向吗？对ajax很陌生。在

发表评论取消回复

表情：

评论列表（有 0 条评论，30人围观）

还没有评论，来说两句吧...

相关阅读

相关如何在HTML标签内嵌入一个HTML页面

关于iframe标签用法就不提了，现在很少人用了吧。直接js实现很舒服，用异步请求的方法加载为标签内添加内容，看代码吧： //为header标签中加载he

朴灿烈づ我的快乐病毒、/ 2023年06月27日 03:51/ 0 赞/ 90 阅读

相关 web在新窗口中打开页面,Post请求

I'm Shendi; -------------------- 目录需求思路 a标签形式表单形式 -------------------- 需求

缺乏、安全感/ 2022年12月02日 04:16/ 0 赞/ 350 阅读

相关一个html页面多个轮播图,Vue在同一个页面制作多个轮播图

其实很简单，只需要为每个轮播图设置不同的class类和不同的options名即可。 1.设置不同的class类和options名 //轮播图1 // class="swi

向右看齐/ 2022年10月06日 13:54/ 0 赞/ 282 阅读

相关如何在一个html页面中提交两个post,如何在同一个页面上从Django和Ajax获得多个post请求？...

我一整天都在为这事犯愁。似乎什么都没用。这是我的情况。在我有一个Django表单，有两个字段：redirect\_from，redirect\_to。此表单有两个提交按钮：

忘是亡心i/ 2022年10月06日 04:46/ 0 赞/ 31 阅读

相关 Spark如何在一个SparkContext中提交多个任务

在使用spark处理数据的时候，大多数都是提交一个job执行，然后job内部会根据具体的任务，生成task任务，运行在多个进程中，比如读取的HDFS文件的数据，spark会加载

刺骨的言语ヽ痛彻心扉/ 2022年06月13日 10:14/ 0 赞/ 274 阅读

相关如何在一个git中,提交多个maven项目

有时候想学习一个知识,比如springboot,但是它分好多章,就想按章节拆分成多个maven练习项目,并且统一管理 1.先在本地新建一个大的目录,比如springboot,

不念不忘少年蓝@/ 2022年05月23日 07:34/ 0 赞/ 294 阅读

相关如何将一个HTML页面嵌套在另一个页面中

[如何将一个HTML页面嵌套在另一个页面中][HTML] 2010-05-05 16:45 559人阅读 [ 评论][Link 1](1) [收藏][Link 2] [

﹏ヽ暗。殇╰゛Y/ 2022年04月11日 14:51/ 0 赞/ 643 阅读

相关如何在shell中curl一个带变量的post请求

有时候，我们想在一个shell中，执行一段脚本，循环post一段json数据，而且body里面的字段名和值都可以是一个变量应该怎么做？ test.sh

ゝ一纸荒年。/ 2022年04月11日 08:44/ 0 赞/ 212 阅读

相关 Spark如何在一个SparkContext中提交多个任务

在使用spark处理数据的时候，大多数都是提交一个job执行，然后job内部会根据具体的任务，生成task任务，运行在多个进程中，比如读取的HDFS文件的数据，spark会加载

末蓝、/ 2022年04月06日 09:14/ 0 赞/ 344 阅读

相关如何在 Web 关闭页面时发送 Ajax 请求

> 小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大

╰+攻爆jí腚メ/ 2022年02月04日 07:19/ 0 赞/ 347 阅读