服务器网站建设,百度关键词优化怎么做,app代码开发流程图,北京网站怎么建设问题描述#xff1a;在页面中的form里面添加button按钮#xff0c;点击按钮触发事件后#xff0c;js、jquery里面添加相应点击事件方法#xff0c;方法里面控制页面跳转#xff0c;触发事件后#xff0c;页面会刷新两次#xff0c;最后回到原来页面。 原因…问题描述在页面中的form里面添加button按钮点击按钮触发事件后js、jquery里面添加相应点击事件方法方法里面控制页面跳转触发事件后页面会刷新两次最后回到原来页面。 原因如果form标签里面没有添加action属性默认路径为当前页使用js、jquery中的方法执行后会再执行form标签里面的action地址也就是当前页刷新
form action/login methodpostinput typetext nameusername/input typepassword namepassword/input typesubmit value提交/
/form
$(form).submit(function (e) {e.preventDefault();var name $(#username).val();var psss $(#password).val();var jf {username: name, password: psss};$.ajax({url: /login,contentType: application/json;chartutf-8,data: JSON.stringify(jf),dataType: json,type: post,success: function (res) {if (res.code 200) {setTimeout(function () {window.location /main}, 1000);} else {console.log(登录失败);}}})
}); RequestMapping(value /login,method RequestMethod.POST)public String login(RequestBody JSONObject json){System.out.println(json);return main;}解决方法e.preventDefault(); 可以使用preventDefault()方法来阻止表单的默认提交行为。 ajax请求如果提交表单但是后台接受不到数据这时候form表单序列化可解决此问题
data : $(this).serialize();
接上面js脚本中ajax请求的data属性设置
遇到的问题如果遇到请求到后台且没发生异常情况后台正常返回响应但是没有在ajax的success方法里出现而是进入error方法里面此时可以修改掉dataType:text的数据类型就可以当然也可能有其他地方出现错误
