AJAX设置光标离开自动提交,Ajax自动提交和刷新页面
所以,我是新来的ajax,我试图使用ajax和jquery提交表单,我想我有服务器端逻辑都想通了,因为当我加载页面它会自动提交并且页面刷新速度非常快。空白表单将进入数据库,但其中有很多内容,因为页面会一直提交每次刷新。所以我认为我的服务器端正在工作,但我不知道要做什么来阻止它刷新,还要使用我在html表单中提交的提交按钮进行提交。我在我的html页面中使用了thymeleaf。Ajax自动提交和刷新页面
这是我的HTML表单,使用thymeleaf
这是我的jQuery和AJAX
/*
var postId = /*[[${post.id}]]*/'1';
var token = $("meta[name='_csrf']").attr("content");
var header = $("meta[name='_csrf_header']").attr("content");
$(document).ajaxSend(function(e, xhr, options) {
xhr.setRequestHeader(header, token);
});
$(function() {
$.ajax({
url : "newComment",
type : "post",
data : {
"postId" : postId,
"newComment" : $("#newComment").val()
},
success : function(data) {
console.log(data);
location.reload();
},
error : function() {
console.log("There was an error");
}
});
});
/*]]>*/
在此先感谢。
UPDATE
所以现在当我提交表单的页面刷新和URL做一些奇怪的事情,并显示CSRF令牌,并没有提交到数据库中的数据。因此,当我提交http://localhost:8080/viewCourse/post/1?_csrf=abefbd5b-392e-4c41-9d66-d66616fc4cc7时,如果我取消了所做的更改并将其放回到刷新循环中,并且如果我可以在表单中获取任何文本,在页面刷新之前它实际上会提交到数据库,所以我认为这意味着我有一个有效的网址,因为它有点作品。我真的不知道是什么原因造成的,但表单似乎没有提交正确的信息,只有csrf标记。这里是我的最新的jQuery,Ajax和HTML
jQuery的 //
var postId = /*[[${post.id}]]*/'1';
var token = $("meta[name='_csrf']").attr("content");
var header = $("meta[name='_csrf_header']").attr("content");
$(document).ajaxSend(function(e, xhr, options) {
xhr.setRequestHeader(header, token);
});
$("#submit").click(function() {
$.ajax({
url : "newComment",
type : "post",
data : {
"postId" : postId,
"newComment" : $("#newComment").val()
},
success : function(data) {
console.log(data);
location.reload();
},
error : function() {
console.log("There was an error");
}
});
});
/*]]>*/
和我的更新HTML
AJAX设置光标离开自动提交,Ajax自动提交和刷新页面相关推荐
- Ajax设置超时时长,jquery ajax超时设置
var ajaxTimeoutTest = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : 'get', //请求方式 ...
- ajax请求设置同步,ajax 设置同步
这个问题总是碰见,但是又总是记不住怎么拼写,这次直接写出来,长期保存. Ajax请求默认的都是异步的 如果想同步 async设置为false就可以(默认是true) 例如: $.ajax({ url: ...
- ajax如何实现表单验证码,Ajax实现提交表单时验证码自动验证(原创自Zjmainstay)...
本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html 验证码提交自验证 用户名 验证码 (function($){ $(docu ...
- ajax 填充,自动填充ajax请求
我正在使用jquery ui自动完成功能.自动完成源来自ajax请求. 然后,当用户单击一个选项时,我发出了另一个ajax请求,以从服务器获取与该选项相关的数据. Erveything工作正常,但在第 ...
- php 实现自动加载更多,$.ajax+php实战教程之下拉时自动加载更多文章原理分析二...
摘要: 继上一篇<$.ajax+php实战教程之下拉时自动加载更多文章原理分析>文章进行进一步讲解,完善之前的代码及引入ajax和php相关内容...... 上次留下的问题不知道看官们有没 ...
- java web ajax异步刷新页面,ajax自动刷新页面有关问题
当前位置:我的异常网» Java Web开发 » ajax自动刷新页面有关问题 ajax自动刷新页面有关问题 www.myexceptions.net 网友分享于:2013-12-19 浏览:21 ...
- ajax用户名注册自动刷新,ajax+jsp实现 无刷新页面下注册时检测用户名是否已存在...
当前位置:编程学习 > JAVA >> ajax+jsp实现 无刷新页面下注册时检测用户名是否已存在 如题:ajax+jsp实现 无刷新页面下注册时检测用户名是否已存在 求大神们赐教 ...
- table每行自动触发ajax,table.ajax.reload()成功后未触发:function()
简介 我正在使用json,ajax和php进行datatables.net jquery服务器端处理.我可以单击行按钮,然后从数据库中删除该行.但是,该页面永远不会使用ajax.reload();刷新 ...
- Ext.Ajax.request和formPanel.getForm().submit()两种提交方法的异同:
Ext.Ajax.request和formPanel.getForm().submit()两种提交方法的异同: 1. 相同点: a) 都是使用异步提交的方式: b) 默认都是使用POST方式来提交数据 ...
最新文章
- 进程间通信(7) “剪贴板“、“匿名管道“、“命名管道“、“邮槽“4种方式总结
- HDU 3336 KMP
- 07/08_flink shell,基本原理及应用场景、特点、架构图、集群解剖、JobManager、TaskManagers、tasks和操作链、Session/job集群、组件介绍等、应用场景
- Oracle impdp的ignore及 fromuser / touser 功能
- 第六章 Windows应用程序对键盘与鼠标的响应
- 剑破冰山—Oracle开发艺术 内容简介
- python读取配置文件configparser模块
- C#中DataRow的初始化
- OSChina 初十二乱弹 ——网站都挂了,巴叔被安排出去度假
- nacos-demo feign调用
- 框架学习 Spring之概念
- 文件内容快速搜索工具(Everything、Listary、DocFetcher)
- VScode 下载、安装和设置中文界面
- 麒麟linux怎么安装软件,中标麒麟Linux操作系统怎么安装软件?
- pgsql删除表中所有数据_pg数据库 删除所有表
- 计算机网络知识自问自答,2020计算机网络学习心得体会.doc
- windows 7 UEFI 启动模式安装,解决win7 64 setup会提示GPT分区不支持的问题
- 刻意练习:机器学习实战 -- Task01. 决策树
- 怎么去开发一款软件?
- [PyQt5]基本控件24 - 时间日期编辑框QDateTimeEdit
热门文章
- Xcode开发者使用技巧
- 浏览器css bug及bug解决方法
- ubuntu下配置php环境
- 52 -算法 -数据结构类 Leetcode26 删除有序数组中的重复项
- Python稳基修炼之计算机等级考试易错细节题4(含答案)
- c++向量和数组的区别_Matlab入门基础知识(5)对数组的操作
- Python获取每个用户使用的CPU和内存百分比
- 微课|玩转Python轻松过二级(2.2.4节):位运算符与集合运算符
- 使用Python判断文件是否为PE文件
- python如何制作登录密码_python实战系列之模拟用户密码登陆系统(一)