`
wcxt2012
  • 浏览: 23648 次
  • 性别: Icon_minigender_1
  • 来自: 甘肃
社区版块
存档分类
最新评论

django form结合ajax提交数据

阅读更多

在提交评论的时候不想刷新页面,这个时候就需要用到ajax来提交数据 。我使用的方法如下:

<script type="text/javascript">
    $(document).ready(function(){
        $("#post_answer_form").submit(function(){
            var data = $(this).serialize();
            $.ajax({
                type: $(this).attr('method'),
                url: "{% url article.views.answer article.id %}",
                data:data,
                beforeSend: function(XMLHttpRequest){
                },
                success: function(response){
                     if(response == 'success'){
                         var content = $('#id_content');
                         $('#answer-list').append('<p>'+content.val()+'</p>');
                         content.val('');
                     }
                },
                complete: function(XMLHttpRequest, textStatus){
                },
                error: function(response){
                    $('#answer-list').html(response);
                }
            });
            return false;
        }); 
    });
</script>

 

分享到:
评论

相关推荐

    Django之Form表单验证及Ajax验证方式汇总

    通过这种方式,Django Form结合Ajax验证可以提供更友好的用户体验,用户在提交表单时不会看到页面刷新,同时也能及时接收到验证结果。不过,需要注意的是,安全性和用户体验优化也是实施Ajax验证时必须考虑的因素,...

    通过Django的form及Ajax等多种方式上传文件

    通过Django的Form方式上传文件,简单,但无法局部刷新实现ajax效果; 通过js或jQuery方式,需要使用FormData对象,仍有些浏览器不兼容; 通过Form+iframe方式上传文件,兼容性最好。 里面含有全部源代码。

    TinyMCE提交AjaxForm获取不到数据的解决方法

    为了增加一点点的用户体验,就顺手拿AjaxForm来实现Ajax提交。可是发现出现了一个意外的事情。就是每次提交,第一次提交时,AjaxForm会无法获得当前编辑的评论内容,即TextArea里面的内容,要再点击一次提交,才能将...

    Django forms表单 select下拉框的传值实例

    总结起来,Django forms提供了便捷的方式创建包含`select`下拉框的表单,通过`ModelChoiceField`从数据库中获取选项,然后在视图中处理用户提交的数据。在处理POST请求时,我们可以通过`form.cleaned_data`访问到...

    使用Django Form解决表单数据无法动态刷新的两种方法

    ### 使用Django Form解决表单数据无法动态刷新的两种方法 在Django Web开发中,表单是非常重要的组成部分,它们负责收集用户输入的数据,并确保这些数据的有效性。然而,在某些情况下,开发人员可能会遇到表单数据...

    Ajax-django-bootstrap-modal-forms.zip

    Ajax-django-bootstrap-modal-forms.zip,一个django插件,用于在引导模式下创建ajax驱动的表单。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页...

    Django之提交表单与前后端交互的方法

    - **前端提交数据与发送** - **提交表单数据**:当用户填写表单并点击提交按钮时,数据会被自动转换为查询字符串的形式,如`/your/url/?name=test&age=1`。 - **提交JSON数据**:虽然GET请求不常用作提交复杂的...

    jquery-django-form-源码.rar

    这样,我们可以在不刷新页面的情况下提交数据,提升用户体验。以下是一个使用jQuery的Ajax提交表单的例子: ```javascript $(document).ready(function() { $('#my-form').submit(function(event) { event....

    解决Django中多条件查询的问题

    前端部分,使用jQuery和Ajax提交表单,获取数据并渲染到页面。HTML页面需要引入jQuery库、jQuery Form插件和Template.js,以支持异步提交和数据渲染。 总结,解决Django中多条件查询的问题,可以利用字典构建查询...

    django-jinja-knockout:AJAX和传统的Django数据表和小部件。 仅显示ModelForms。 使用AJAX提交和验证的ModelForms内联表单集。 适用于Django模板

    这个项目特别强调在Django应用中使用ModelForms,并且支持AJAX提交和验证,使得前端交互更加流畅,用户体验更佳。 **1. Django** Django是Python编程语言中的一个高级Web框架,遵循MVC(模型-视图-控制器)架构模式...

    Python库 | django_jsform-3.1.2-py3-none-any.whl

    1. **JavaScript表单处理**:可能允许在前端使用JavaScript处理表单数据,然后通过Ajax发送到Django后端,提高用户体验。 2. **异步通信**:可能支持异步操作,使得表单提交、验证和处理更加高效。 3. **安全性增强*...

    PyPI 官网下载 | django_jsform-1.0.1a2.tar.gz

    `django_jsform` 可能是一个将JavaScript表单处理与Django后端整合的库,它可能提供了简化前端和后端交互的方法,比如异步提交表单、处理AJAX请求等。在实际开发中,这样的库可以帮助开发者创建更加动态和响应式的...

    Django+Ajax+jQuery实现网页动态更新的实例

    总结来说,这个实例展示了如何结合Django后端、Ajax和jQuery前端技术实现动态网页更新。用户在前端输入查询,Ajax请求被发送到Django服务器,服务器处理请求并返回数据,然后jQuery将数据更新到网页上,所有这些都在...

    python Django web 联通用户管理系统实训代码

    在增删删改期间,实现了 Ajax 页面无刷新上传数据。 在浏览数据信息方面,实现了模块级别的分页查询,实现了 e-chart 的数据可视化。在存储数据方面实现了md5 加密存储数据。Django 优点 1. 高度集成化:Django包含...

    python Django web 实训项目的实验报告

    5. **表单处理**: Django的表单处理简化了数据验证和提交,支持自定义表单类和ModelForm。 6. **安全性**: 内置了防止跨站请求伪造(CSRF)和跨站脚本(XSS)攻击的防护机制。 ### 2. 系统整体设计 在项目设计阶段...

    django表单中的按钮获取数据的实例分析

    下面将详细解析如何在Django中获取这些不同类型的表单数据。 1. **文本输入**: - 对于`&lt;input type="text" name="name"&gt;`和`&lt;input type="password" name="password"&gt;`,在Django后端,你可以使用`request.POST....

    layui实现form表单同时提交数据和文件的代码

    form class=layui-form id=userForm lay-filter=deptForm enctype=mutipart/form-data&gt; &lt;input type=hidden name=id&gt; &lt;div class=layui-form-item&gt; &lt;label class=layui-form-label

    django-bootstrap-modal-forms:一个Django插件,用于在Bootstrap modal中创建AJAX驱动的表单

    2. **AJAX提交**: 表单的提交通过JavaScript异步完成,减轻了服务器的负担,提高了响应速度。 3. **前端验证**: 可以利用Bootstrap的内置验证样式和jQuery的验证插件,对用户输入进行实时验证。 4. **动态反馈**: 无...

Global site tag (gtag.js) - Google Analytics