Django和Ajax-实现从Ajax到模板的数组 - javascript

目前,我正在尝试用Django实现Ajax,以便仅刷新Web应用程序的某些部分。我在两个方面遇到麻烦。

首先是将值从输入模板获取到views.py。看来,当它通过并在CMD中打印出来以确保正确传递值时,我将其作为None获得。我不确定为什么会这样。我知道我设法将它直接传递到views.py时正确地传递了它,而无需先进入Javascript文件。
其次,我不知道如何实现view.py返回Javascript文件中的ajax函数。我的意思是,当我在视图中完成整个指令集并将所需信息返回给ajax时,我不知道在模板中使用哪种命令来实现它。目前,我正在返回一个char数组,该数组根据用户输入不断更改顺序。第一次加载时,字母是按顺序排列的,但是当用户输入数字时,字母会根据输入内容移动。我已经准备好了该部分,但在转移后我仍然坚持将其带回到模板中。

也任何建议,欢迎。如果您发现某些事情做得不好或可以通过更好的方法实施,请告诉我。任何代码道德都受到高度赞赏!

我的代码在这里:

表格

class caesarCipher(forms.Form):
key = forms.DecimalField(max_value = 26, min_value = 1, initial = 1, required = True)
plaintext = forms.CharField(max_length = 8, required = True)
letter = forms.CharField(max_length = 1)

views.py

def caesarHomePage(request):
cipher = alphabet()
x = cipher.getListLetter()
y = cipher.getListLetter()



if request.method == 'POST':

    form = caesarCipher(request.POST or None)

    print(request.POST.get('id_key')) #THIS GIVES NONE
    print(form['key'].value()) # THIS GIVES NONE
    int(form['key'].value())

    y = cipher.setCipherLetters(integerKey)


    return HttpResponse(json.dumps({'y' : y}), content_type="application/json")



form = caesarCipher(request.POST or None)

context = { 'x': x,
            'y': y,
            'form': form,
}


return render(request, 'HomeCaesar.html', context)

main.js

    $("#keyButtonId").on({
click : function() {
    $.ajax( {
      url : "http://127.0.0.1:8000/HomeCaesar/",
      type : "POST",
      data: { CsrfViewMiddleware: '{{ csrf_token }}', the_key: $('#id_key').val() },

      success : function(json) {
        //  $('#id_key').val('0');

          console.log(json);
          $('#alteredAlphabet').append(json); // Does not work, need to change this
          console.log("FUNCTION CALLED!");
      }

    });

}

});

参考方案

问题的第一部分与Ajax无关。那根本不是您访问表单数据的方式。您需要检查form.is_valid(), then access the data through form.cleaned_data`。

如果我得到url(''),我该如何使用另一个URL - javascript

我是新手,正在写这篇文章,但是如果源上没有图像,那么我只有空白。有人可以告诉我,如果我正在获取背景图像,如何获取/images/no-image.jpg:url();这是我的代码:<div class="uk-clearfix uk-position-relative"> <div class="recipeb…

AJAX-每当调用AJAX脚本时,JavaScript就会中断 - javascript

我雇用了一名开发人员来帮助完成某些工作,他主要专注于PHP,并尝试了这种javascript。每当以下AJAX脚本将HTML重新加载到DOM中时,它都会中断页面​​。它通过Codenigniter调用了一个函数以重新加载页面中的view。一旦发生这种情况,所有的javascript将不再起作用。我似乎找不到能帮助解决此问题的解决方案。请帮忙。注意:理想情况下…

Javascript IF语句 - javascript

                        嗨,我有这段代码可以正常工作,并将两个日历显示为一个日历。我还有一个php变量$login_session,其中包含登录电子邮件地址的用户。关于如何显示[email protected]日历的任何想法(伪代码)IF $login_session == "[email protected]&#…

将第三方网站的POST表单数据发送到Django - javascript

我正在托管一个Django网站,该网站存储有关用户的信息。但是,我想在第三方网站上托管表格,例如订阅电子报。我希望能够从URL中的查询集中获取信息并将其发布回我的Django网站。我有一个小脚本,可抓取queryset信息并将其放入表单上的隐藏字段中,然后发布该数据。但是,目前这是在我的网站上完成的。如果我要在其他人的网站上托管该表格,那么最好的处理方式是什…

提交初始化后删除某些帖子数据 - javascript

在初始化提交之后但在将数据发送到处理页面之前,是否可以过滤$ _POST表单数据?我想象过程的方式:提交->收集$ _POST数据->发送数据我想做的事:提交->收集$ _POST数据->删除某些元素->发送数据这样就不必更改处理页面以过滤掉不希望接收的元素了吗? javascript大神给出的解决方案 当然可以,您可以在JS …