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提交。

  • 相关阅读:
    JS中声明变量的细节问题
    你不知道的var! 细节
    读书笔记:对象的属性
    手写new操作符
    slice
    全相等函数 isEqual
    几个面试题
    全相等函数
    剑指 Offer 29. 顺时针打印矩阵
    剑指 Offer 28. 对称的二叉树
  • 原文地址:https://www.cnblogs.com/timothy316/p/4626792.html
Copyright © 2011-2022 走看看