带有 jquery 的 Django 模板:现有页面上的 Ajax 更新

2024-01-10

我有一个带有表单的 Google App Engine。当用户单击提交按钮时,将调用 AJAX 操作,服务器将输出一些内容并附加到其来源页面的末尾。怎么样,我有一个 Django 模板,我打算使用 jquery。我有以下观点:

<html>
<head>
<title></title>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/scripts.js"></script>

</head>
<body>
welcome
<form id="SubmitForm" action="/" method="POST"> 
<input type="file" name="vsprojFiles" />
<br/>
<input type="submit" id="SubmitButton"/>
</form>

<div id="Testing">
{{thebest}}
</div>

</body>
</html>

这是scripts.js 中的脚本:

$(function() {
    $("#SubmitForm").click(submitMe);
});

var submitMe = function(){
    //alert('no way');
    var f = $('#SubmitForm');
    var action = f.attr("action");
    var serializedForm = f.serialize();
  $.ajax( {
        type: 'post',
        data: serializedForm,
        url:  form_action,
        success: function( result ) {
          $('#SubmitForm').after( "<div><tt>" +
                                     result +
                                     "</tt></div>" );
        }
      } );

    };

这是我的控制器代码:

from google.appengine.api import users
from google.appengine.ext import webapp
from google.appengine.ext import db
from google.appengine.ext.webapp import template
from google.appengine.api.urlfetch_errors import *
import cgi
import wsgiref.handlers
import os
import sys
import re
import urllib
from django.utils import simplejson

class MainPage(webapp.RequestHandler):
    def get(self):
        path = os.path.join(os.path.dirname(__file__), 'Index.html')
        template_values={'thebest': 'thebest'}
        tmplRender =template.render(path, template_values)
        self.response.out.write(tmplRender)
        pass

    def Post(self):
        print >>sys.__stderr__,'me posting'
        result = 'grsgres'
        self.response.out.write(simplejson.dumps(result))

正如您所看到的,当用户单击提交按钮时,将调用控制器方法Mainpage.post。

现在我想在表单后面显示“结果”变量的内容,我该怎么做?


如果无法测试代码,您的结果是什么?您检查过 AJAX 调用返回的结果吗?我建议您使用 Firebug 运行 Firefox 并将 AJAX 结果记录到 Firebug 控制台以查看您得到的结果:

//...
        success: function( result ) { 
        console.log( result );
      $('#SubmitForm').after( "<div><tt>" + 
// ...

您还可以使用 Firebug 的 Net 面板来查看来回传递的内容。

另外,“simplejson.dumps(result)”会导致什么结果?

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

带有 jquery 的 Django 模板:现有页面上的 Ajax 更新 的相关文章

随机推荐

  • 在node.js上进行一些身份验证后,如何避免请求流数据丢失?

    请求流如何与node js express或restify 一起工作 当客户端尝试将音频 mpeg 或其他二进制文件上传到服务器时 请求应该是服务器上的可读流 我们可以使用管道进入另一个流request pipe 例如 从请求中获取文件 然
  • 从哈希图中删除元素时出现 java.util.ConcurrentModificationException

    我正在学习HashMap类并编写了这个简单的程序 这段代码适用于向散列映射添加元素 并且在从散列映射中删除元素时 我遇到了java util ConcurrentModificationException例如 这是我的终端的副本 ravi
  • AWT 机器人无法拖动窗口

    我正在尝试使用 AWT 机器人移动 Windows 资源管理器窗口 该机器人运行Java 7 操作系统为Windows 7 我可以移动鼠标并单击某些内容 但是当我尝试单击并拖动时 它似乎根本没有按下按钮 我看不出出了什么问题 或者想不出如何
  • 使用Openpyxl将IF公式插入excel后出现“@”符号

    我的目标是使用 Openpyxl 将此公式输入到 Excel 中 CORREL IF A2 A7 A2 A7 B2 B7 IF 公式的原因是忽略内部有 0 的单元格 默认情况下 CORREL 函数不会忽略这些单元格 当将此公式插入 Exce
  • 如何创建一个安全的 php 登录系统,允许“保持登录”功能?

    我使用基于会话变量的简单登录系统 用户登录后 就会设置一个会话变量 告诉我的脚本要接受用户 我不使用任何自定义客户端 cookie 变量 我想在登录屏幕上提供 让我全天登录 的选项 如何以一种安全的方式做到这一点 首先 配置session
  • 如何将 Ramda Pipe 函数与 Promise 和静态回调结合使用?

    基于 ScottSauyet 的帮助 https stackoverflow com questions 58362118 how to dynamically fill expand a 2d array using a callback
  • 驱动器盘符更改时从 USB 驱动器运行批处理文件

    因此 我制作了一个批处理脚本 它执行多个可移植程序 例如 prog1 exe prog2 exe 等 问题是每当我将 USB 驱动器连接到另一台计算机时 驱动器号就会发生变化 从而在运行 bat 文件时出现错误 请帮我找到解决方案 谢谢 d
  • Struts 2 中的数字格式不正确

    我正在使用以下语法以正确的数字格式显示值 例如1 250 00
  • 限制可变参数模板参数

    我们可以将可变参数模板参数限制为某种类型吗 即 实现这样的目标 当然不是真正的 C struct X auto foo X args 这里我的目的是有一个接受可变数量的函数X参数 我们最接近的是 template
  • 使用辅助方法为 Java 对象生成测试数据时提供默认值

    假设有以下 POJO Getter Setter public class UserRequest private String username private String password private String email 现
  • iPhone 的 JSON 库

    我想在我的 iPhone 项目中使用 JSON 库 我发现 json framework 库是目前最流行的 在这里能找到它 http code google com p json framework http code google com
  • 使用 Java 发送零数据 TCP/IP 数据包

    我的目标是发送一个带有空数据字段的 TCP 数据包 以便测试与远程计算机的套接字 我正在使用 OutputStream 类的 write byte b 方法 我的尝试 outClient ClientSocket getOutputStre
  • Angular ng 服务不在本地主机上托管站点

    当我跑步时ng serve在我的 CLI 上 我得到以下输出 Angular Live Development Server 正在监听 localhost 4200 打开浏览器 http localhost 4200 但是当我在浏览器中打开
  • azure devops 本地代理管道权限被拒绝

    我有一个 python 脚本 可以在远程 SUT 上执行自动化脚本 并且考虑到该脚本在使用用户 tester 和密码 xxx 在本地执行时正常工作 当我构建 DevOps Azure 管道时 我已从 GIT 将项目签出到代理中 然后尝试从命
  • PHP 中传递给 exec 的命令长度有限制吗?

    目前我需要将 50 多个 PDF 文件合并为 1 个 PDF 我正在使用 PDFTK 使用以下指南 http www johnboy com blog merge multiple pdf files with php http www j
  • 如何关闭hbm2ddl?

    我找不到有关如何关闭 hbm2ddl 的参考 只是省略hibernate hbm2ddl auto默认情况下 Hibernate 不执行任何操作 来自参考文档 1 1 4 休眠配置 http docs jboss org hibernate
  • Mysql 查询发布日期减去 7 天

    这不断出现错误 我不明白为什么 SELECT i user id FROM SELECT SUM us score AS score sum us user id FROM user scores us WHERE us created g
  • 特殊字符未按预期显示

    我有以下简单的 HTML 页面 div m ywe div 当在 Chrome 或 Firefox 中显示它时 我没有测试其他浏览器 我看到以下内容 m ywe 我错过了什么 html 文件以 UTF 8
  • 将 JSON 数据写入磁盘

    编写 JSON 数据 NSDictionary 并再次读取它的最简单方法是什么 我知道有 NSFileManager 但是有没有一个开源框架库可以使这个过程变得更容易 iOS5 NSJSONSerialization 类是否支持将数据写入磁
  • 带有 jquery 的 Django 模板:现有页面上的 Ajax 更新

    我有一个带有表单的 Google App Engine 当用户单击提交按钮时 将调用 AJAX 操作 服务器将输出一些内容并附加到其来源页面的末尾 怎么样 我有一个 Django 模板 我打算使用 jquery 我有以下观点 welcome