我有一个POST请求,在提交表单时将数据传递到数据库。在

我的意思是:

主页.html

$(document).ready(function(){

var postForm = $(".form-post")

//POSTING DATA INTO DATABASE

postForm.submit(function(event){

event.preventDefault();

var thisForm =$(this)

var actionEndPoint = thisForm.attr("action");

var httpMethod = thisForm.attr("method");

var formData = thisForm.serialize();

$.ajax({

url: actionEndPoint,

method: httpMethod,

data: formData,

success:function(data){

console.log(data)

$(".form-post")[0].reset();

//I WANT TO PASS THE NEWLY ADDED DATA TO DISPLAY WITHOUT REFRESH

$.ajax({

type: 'GET',

url: '{% url "postInfo" %}',

dataType : 'json',

success: function(cdata){

$.each(cdata, function(id,posts){

$('#cb').append('

' +posts['fields'].title+ ' ' +posts['fields'].body+ '');

});

}

});

},

error:function(errData){

}

})

})

})

现在,每当我添加一个帖子时,它都会显示多个相同的帖子。在

这是我的观点

视图.py

^{pr2}$

模型.pyclass Post(models.Model):

title = models.CharField(max_length=50)

body = models.TextField()

date_posted = models.DateTimeField(default=timezone.now)

author = models.ForeignKey(User, on_delete=models.CASCADE)

def __str__(self):

return self.title

如何使它只显示我添加的帖子+数据库中的内容而不显示多个相同的帖子?谢谢你的帮助。在

jquery的ajax查询数据库,用Jquery和Ajax查询Django数据库相关推荐

  1. jQuery的Ajax方法实现注册邮箱时用户名查询

    利用jQuery实现邮箱注册时的重复用户名查询 Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术.通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新.这意味着可 ...

  2. jquery ajax mysql登录_ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库...

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在 如果使用ajax一定是要有1个处理页面的,处理页面只是操作数据库并且返回 ...

  3. miniui 查询_扩展 jquery miniui 组件实现自动查询数据

    主题 之前写过一篇文章分享了公司basecode查找数据后台是怎么实现的(http://www.cnblogs.com/abcwt112/p/6085335.html).今天想分享一下公司前台是怎么扩 ...

  4. ajax中的让渡,jQuery必须掌握的API

    这次给大家带来jQuery必须掌握的API,使用jQuery必须掌握的API的注意事项有哪些,下面就是实战案例,一起来看一下. 其中包括jQuery 核心函数和方法.jQuery属性参考手册.jQue ...

  5. $ajax 获取返回值object,来自.ajax()调用的数据的jQuery .find()返回“ [object Object]”,而不是di...

    来自.ajax()调用的数据的jQuery .find()返回" [object Object]",而不是di 尝试使用.find()从.ajax()返回的数据中查找具有id=&q ...

  6. mvc jquery ajax分页实例,jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页...

    jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页 简单的两个步骤即可实现分页功能 //回调里面进行业务处理 function lo ...

  7. ajax离开页面方法,jQuery中ajax调用当前页面方法

    $.ajax({ type: 'POST', url: 'AddressManager.aspx/GetProvince',//AddressManager.aspx当前页面 data: '{cach ...

  8. jquery中ajax中的参数,jquery中的ajax参数

    jquery中将ajax封装成了函数,我们使用起来非常方便,jquery会自动根据内容选择post还是get方式提交数据,并且会自动编码,但是要想完全掌握jquery中的ajax,我们必须将它的各个参 ...

  9. java接口支持ajax,【JavaWeb】jQuery对Ajax的支持

    jQuery对Ajax的支持 jQuery对Ajax进行封装,提供了$.ajax()方法 语法:$.ajax(options) 常用设置项 说明 url 发送请求地址 type 请求类型get|pos ...

  10. jQuery中Ajax的$.get()、$.post()、$.ajax()函数

    (笔记,学的是黑马Ajax的教程day01) 目录 (一).$.get()函数 (1.1)使用$.get()发起 不带参数 的请求 (1.2)使用$.get()发起 带参数 的请求 (二).$.pos ...

最新文章

  1. 5G+云网融合,移动云带领开发者释放边缘计算的力量
  2. 鸿蒙系统手机mate40,鸿蒙系统来了!华为Mate40首批,2年前手机将被淘汰
  3. Android Scroller与computeScroll方法的调用关系
  4. 大话IT职场之办公室环境重要吗?
  5. android 连接服务器
  6. c++计算eigen随笔(9)-数组、矩阵、向量(2)
  7. os.path.realpath(__file__) 得到错误路径,与解决方案
  8. 昆工c语言题库,昆明理工大学C语言期末统考试题
  9. c++ 状态模式(state)
  10. 35行的山寨版jQuery
  11. Linux 性能测试工具 sysbench 的安装与简单使用
  12. 35岁,程序员过不去的坎?
  13. skyline 环境配置
  14. java基于springboot+vue的学生宿舍报修管理系统(源码+数据库+Lw文档)
  15. 学生成绩分析系统后端函数解释(Python)
  16. html 小喇叭图标,小喇叭不见了怎么办(小喇叭图标不见了的原因及解决办法)...
  17. 响应“上上下下左左右右”按键键事件 “按两次返回键退出”
  18. 小括号与花括号小括号与花括号
  19. 人脸检测的测试程序(视频和摄像头)
  20. Gdevops峰会归来

热门文章

  1. Document Builder: REMOVE_CC_DEFAULT_TEXTS
  2. Java Spring源代码学习之how is bean scanned - did not answer when this.beanDefinitionNames is filled
  3. ubuntu20.04LTS系统的终端terminal透明化设置
  4. class vue 添加图片_vue+element 添加图片组件
  5. express bodyparser_nodejs库express是如何接收inbound json请求的
  6. 判断是否是完全二叉树_【数据结构】二叉树高频考试题目【代码模板】!
  7. UE4学习-自定义角色的移动、视野旋转、设置游戏模式
  8. 网页设计html最简单水印方法,前端canvas水印快速制作(附完整代码)
  9. mysql 重试_重试MySQL/SQLAlchemy的死锁
  10. mysql实例化_MySQL如何通过实例化对象参数查询数据 ?(源代码)