AJax技术

Django与Ajax教程第三部分(2)

字号+ 作者:H5之家 来源:H5之家 2017-01-16 08:00 我要评论( )

创建模板 这个例子只需要一个简单的模板,它将用来显示前面创建的CommentForm表单,并且它还将有一些辅助的javascript来覆盖表单缺省的提交处理。这个模板扩展自在教程第一部分创建的ajaxapp/base.html模板。 代码

创建模板
    这个例子只需要一个简单的模板,它将用来显示前面创建的CommentForm表单,并且它还将有一些辅助的javascript来覆盖表单缺省的提交处理。这个模板扩展自在教程第一部分创建的ajaxapp/base.html模板。
 

代码示例:
{% extends ‘ajaxapp/base.html’ %} 
{% block content %}
<script type="text/javascript">
function send_form(form) {
  new Ajax.Request("send/", {asynchronous:true, parameters:Form.serialize(form)});
  Form.reset(form);
  return false;
}
</script>
<h1> Submit Comments </h1>
<form method="post" action="." onsubmit="return send_form(this);">
<table>
  {{ form }}
  <tr>
    <td></td>
    <td>
      <input type="submit" value="Send!" />
    </td>
  </tr>
</table>
{% endblock %}

注意:
如何来覆盖表单的onsubmit缺省方法的。因为在调用中返回了false,所以缺省的提交机处理将永不被触发。
此外,还使用了Prototype的Form库中的一个有用的方法在发送完数据后来重置表单。

还使用了Form库中的一个便利的方法来序列化这个表单。
可以使用文章开头附近第一个例子的语法来创建你自己任意的post strings…如果行的话它会非常容易被序列化。

完成了urls的添加,模板的创建,以及视图的编码。
运行开发服务器:
 

代码示例:
python manage.py runserver

输入:8000,就可以开始提交表单了。

 往表单字段里输入一些数据然后点击提交按钮。你将看到所发出的消息会从开发服务器的终端窗口上被打印出来。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 使用jQuery处理AJAX请求的基础学习教程

    使用jQuery处理AJAX请求的基础学习教程

    2017-01-16 08:01

  • Django Ajax CSRF 认证

    Django Ajax CSRF 认证

    2017-01-15 18:14

  • Ajax学习总结(一)

    Ajax学习总结(一)

    2017-01-15 16:00

  • 请教–如何学习ajax

    请教–如何学习ajax

    2017-01-15 15:10

网友点评