当前位置: 首页 > 编程笔记 >

form表单转Json提交的方法(推荐)

万俟财
2023-03-14
本文向大家介绍form表单转Json提交的方法(推荐),包括了form表单转Json提交的方法(推荐)的使用技巧和注意事项,需要的朋友参考一下

先将表单数值转换成数组存储,存储成的格式为[{"name":"","value":""},.....}]

var formArray = $("#form").serializeArray();

将formArray转换成Json格式

function arrayToJson(formArray){
  var dataArray = {};
  $.each(formArray,function(){
    if(dataArray[this.name]){
      if(!dataArray[this.name].push){
        dataArray[this.name] = [dataArray[this.name]];
      }
      dataArray[this.name].push(this.value || '');
    }else{
      dataArray[this.name] = this.value || '';
    }
  });
  return JSON.stringify(dataArray);
}

以上就是小编为大家带来的form表单转Json提交的方法(推荐)的全部内容了,希望对大家有所帮助,多多支持小牛知识库~

 类似资料:
  • 本文向大家介绍angularJS提交表单(form),包括了angularJS提交表单(form)的使用技巧和注意事项,需要的朋友参考一下 代码很简单,就不多废话了,直接奉上代码: 这里给大家分享的是最基础的angularJS表单验证,希望大家能够喜欢。

  • 本文向大家介绍使用javascript提交form表单方法汇总,包括了使用javascript提交form表单方法汇总的使用技巧和注意事项,需要的朋友参考一下 废话就不多说了,直接上内容。 有以下几种写法: 1. <a class="searchPic h-submitBtn png" id="h-submitBtn"  onclick="document:search_form.submit()

  • 本文向大家介绍Form表单按回车自动提交表单的实现方法,包括了Form表单按回车自动提交表单的实现方法的使用技巧和注意事项,需要的朋友参考一下 1.form表单中只有一个input标签,按回车键将自动提交表单 当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交。 如果不想让其自动提交可以这样做: 再添加一个<input type=

  • 本文向大家介绍js 提交form表单和设置form表单请求路径的实现方法,包括了js 提交form表单和设置form表单请求路径的实现方法的使用技巧和注意事项,需要的朋友参考一下 如下所示: 以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了,希望大家多多支持呐喊教程~

  • 本文向大家介绍yii form 表单提交之前JS在提交按钮的验证方法,包括了yii form 表单提交之前JS在提交按钮的验证方法的使用技巧和注意事项,需要的朋友参考一下  很多时候,需要对Yii表单model中的对象设置的rules进行判断,但是有的时候可能需要在提交之前就在客户端进行验证,我这边设置的方法是在提交按钮上设置监听器,如果部分内容为空(比如多选按钮没有选择),那么提示出错信息。主要

  • Jquery Mobile会自动通过ajax处理表单的提交,并在表单页面和结果页面之间创建一个平滑的转场效果。注意请在form元素上正确设定action 和method属性,保证表单的提交。如果没有指定,提交方法默认为get,action默认为当前页的相对路径(通过$.mobile.path.get()方法取得 表单也可以像链接一样指定转场效果的属性,比如data-transition="pop"