JS中from 表单序列化提交的代码

 更新时间:2017年01月20日 10:04:53   作者:java__killer  
这篇文章主要介绍了javascript中from 表单序列化提交的实现方法,代码简单易懂,非常不错,需要的朋友参考下吧

废话不多说了,直接给大家贴代码了,具体代码如下所示:

// ----ajax begin
  $.ajax({
type: "POST",
   url: "../compRule/updateRuleById?tids="+compTableName_val+"&isReportName="+$('#isReport_update').val()+"&heji_add="+$('#heji_update').val(),
   async:false,
   data:$("#update_form1").serialize(),
   dataType: "text",
   success: function(data){
   $("#search").click();
   $.success("操作成功");
   setTimeout(function(){
layer.closeAll();
},1000);  
   },
  error : function(data){
  $.fail('操作失败!');
  }
 });
 //----ajax end

用ajax提交到后台,要是用序列化接收不到相应的值,或值是Null,就把值拼到url上

以上所述是小编给大家介绍的JS中from 表单序列化提交的代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 基于JavaScript实现惊艳的打字机效果

    基于JavaScript实现惊艳的打字机效果

    这篇文章主要为大家详细介绍了如何使用JavaScript打造惊艳打字机效果,让你的文字生动跃动,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-03-03
  • JavaScript如何实现精准倒计时

    JavaScript如何实现精准倒计时

    这篇文章主要为大家详细介绍了JavaScript如何实现精准倒计时功能,文中的示例代码简洁易懂,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下
    2025-02-02
  • JS实现的全选、全不选及反选功能【案例】

    JS实现的全选、全不选及反选功能【案例】

    这篇文章主要介绍了JS实现的全选、全不选及反选功能,涉及javascript事件响应、元素遍历与属性动态操作相关实现技巧,需要的朋友可以参考下
    2019-02-02
  • JavaScript中运算符与数组扩展详细讲解

    JavaScript中运算符与数组扩展详细讲解

    这篇文章主要介绍了JavaScript中运算符与数组扩展方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2022-11-11
  • greenbrower用到的function.js代码集合

    greenbrower用到的function.js代码集合

    这篇文章给大家介绍了greenbrower用到的function.js代码集合,感兴趣的朋友一起看看吧
    2007-12-12
  • JavaScript中字符串相关的方法使用总结

    JavaScript中字符串相关的方法使用总结

    这篇文章主要为大家详细介绍了JavaScript中字符串相关的方法使用,文中的示例代码讲解详细,具有一定的参考价值,需要的小伙伴可以学习一下
    2023-08-08
  • document.getElementById介绍

    document.getElementById介绍

    经常使用document.getElementById,但对于更详细的细节可以参考下。
    2011-09-09
  • 微信小程序实现默认第一个选中变色效果

    微信小程序实现默认第一个选中变色效果

    这篇文章主要介绍了微信小程序实现默认第一个选中变色效果,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-07-07
  • 前端数组去重面试我会问这3个小问题

    前端数组去重面试我会问这3个小问题

    数组去重在我们的前端的面试过程中经过会遇到,有一些人可能会想到一两种,但是数据去重的算法真的太多了,下面这篇文章主要给大家介绍了关于前端数组去重面试3个小问题的相关资料,需要的朋友可以参考下
    2023-01-01
  • 如何在uniapp项目中使用mqtt

    如何在uniapp项目中使用mqtt

    本文给大家分享uniapp中引入mqtt的全过程,在uniapp项目根目录下分别运行安装mqtt和uuid的命令行,因为后面会用uuid生成mqtt的clientId,文中给大家介绍mqtt和uuid安装过程,感兴趣的朋友跟随小编一起学习下吧
    2021-05-05

最新评论