form表单提交的ajax形式

遇到的问题描述:

  异步刷新部分页面,必须用ajax进行表单提交。

  做表单提交的时候用到html5中的required="required"属性,又要必须使用ajax方式进行表单提交,在网上搜了不少,但是发现都是将type="submit"改为type="button",

显然这种方式下html5的属性就无效了,必须是表单提交的形式才可以(自己实验出来的,不知道对不对)因此必须是type="submit",后来问了下公司前端大牛,就叫他H吧,H

直接来了这样一段代码:

$("#form").submit(function(){
  var url = '${ctxPath}/brands/add';
  var data = {
    brandId:$("#brandId").val(),
  };
  $.post(url, data, function(data){
    alert(data.message);
  });
  return false;
});

简单粗暴,自己却没有想到,以表单提交的形式进行,但最后给个false就不会真的进行表单提交,最终结果:既会进行表单验证,又会进行ajax提交。

原文地址:https://www.cnblogs.com/timothy316/p/4626792.html