zoukankan      html  css  js  c++  java
  • 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提交。

  • 相关阅读:
    第一章:简介
    2018年10月底新公司
    第四章:集成
    第三章:如何建模服务
    第二章:演化架构师
    第一章:微服务
    4、工厂模式
    5、单例模式
    8、模板方法模式
    3、字典介绍
  • 原文地址:https://www.cnblogs.com/timothy316/p/4626792.html
Copyright © 2011-2022 走看看