jquery的ajax查询数据库,用Jquery和Ajax查询Django数据库
我有一个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数据库相关推荐
- jQuery的Ajax方法实现注册邮箱时用户名查询
利用jQuery实现邮箱注册时的重复用户名查询 Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术.通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新.这意味着可 ...
- jquery ajax mysql登录_ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库...
1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在 如果使用ajax一定是要有1个处理页面的,处理页面只是操作数据库并且返回 ...
- miniui 查询_扩展 jquery miniui 组件实现自动查询数据
主题 之前写过一篇文章分享了公司basecode查找数据后台是怎么实现的(http://www.cnblogs.com/abcwt112/p/6085335.html).今天想分享一下公司前台是怎么扩 ...
- ajax中的让渡,jQuery必须掌握的API
这次给大家带来jQuery必须掌握的API,使用jQuery必须掌握的API的注意事项有哪些,下面就是实战案例,一起来看一下. 其中包括jQuery 核心函数和方法.jQuery属性参考手册.jQue ...
- $ajax 获取返回值object,来自.ajax()调用的数据的jQuery .find()返回“ [object Object]”,而不是di...
来自.ajax()调用的数据的jQuery .find()返回" [object Object]",而不是di 尝试使用.find()从.ajax()返回的数据中查找具有id=&q ...
- mvc jquery ajax分页实例,jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页...
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解,mvcpagerajax分页 简单的两个步骤即可实现分页功能 //回调里面进行业务处理 function lo ...
- ajax离开页面方法,jQuery中ajax调用当前页面方法
$.ajax({ type: 'POST', url: 'AddressManager.aspx/GetProvince',//AddressManager.aspx当前页面 data: '{cach ...
- jquery中ajax中的参数,jquery中的ajax参数
jquery中将ajax封装成了函数,我们使用起来非常方便,jquery会自动根据内容选择post还是get方式提交数据,并且会自动编码,但是要想完全掌握jquery中的ajax,我们必须将它的各个参 ...
- java接口支持ajax,【JavaWeb】jQuery对Ajax的支持
jQuery对Ajax的支持 jQuery对Ajax进行封装,提供了$.ajax()方法 语法:$.ajax(options) 常用设置项 说明 url 发送请求地址 type 请求类型get|pos ...
- jQuery中Ajax的$.get()、$.post()、$.ajax()函数
(笔记,学的是黑马Ajax的教程day01) 目录 (一).$.get()函数 (1.1)使用$.get()发起 不带参数 的请求 (1.2)使用$.get()发起 带参数 的请求 (二).$.pos ...
最新文章
- 5G+云网融合,移动云带领开发者释放边缘计算的力量
- 鸿蒙系统手机mate40,鸿蒙系统来了!华为Mate40首批,2年前手机将被淘汰
- Android Scroller与computeScroll方法的调用关系
- 大话IT职场之办公室环境重要吗?
- android 连接服务器
- c++计算eigen随笔(9)-数组、矩阵、向量(2)
- os.path.realpath(__file__) 得到错误路径,与解决方案
- 昆工c语言题库,昆明理工大学C语言期末统考试题
- c++ 状态模式(state)
- 35行的山寨版jQuery
- Linux 性能测试工具 sysbench 的安装与简单使用
- 35岁,程序员过不去的坎?
- skyline 环境配置
- java基于springboot+vue的学生宿舍报修管理系统(源码+数据库+Lw文档)
- 学生成绩分析系统后端函数解释(Python)
- html 小喇叭图标,小喇叭不见了怎么办(小喇叭图标不见了的原因及解决办法)...
- 响应“上上下下左左右右”按键键事件 “按两次返回键退出”
- 小括号与花括号小括号与花括号
- 人脸检测的测试程序(视频和摄像头)
- Gdevops峰会归来
热门文章
- Document Builder: REMOVE_CC_DEFAULT_TEXTS
- Java Spring源代码学习之how is bean scanned - did not answer when this.beanDefinitionNames is filled
- ubuntu20.04LTS系统的终端terminal透明化设置
- class vue 添加图片_vue+element 添加图片组件
- express bodyparser_nodejs库express是如何接收inbound json请求的
- 判断是否是完全二叉树_【数据结构】二叉树高频考试题目【代码模板】!
- UE4学习-自定义角色的移动、视野旋转、设置游戏模式
- 网页设计html最简单水印方法,前端canvas水印快速制作(附完整代码)
- mysql 重试_重试MySQL/SQLAlchemy的死锁
- mysql实例化_MySQL如何通过实例化对象参数查询数据 ?(源代码)