首页 / JSON / 通过js，修改所有form表单，提交JSON格式的数据

通过js，修改所有form表单，提交JSON格式的数据

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了通过js，修改所有form表单，提交JSON格式的数据，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1035字，纯文字阅读大概需要2分钟。

内容图文

直接上代码 

<script>
$(function(){
	//获取网页中所有的form表单
	$("form").each(function(){
		//注册表单的提交事件
		$(this).submit(function(event) {
		  //屏蔽表单的注册
	      event.preventDefault();
	      //获取url
	      var url = $(this).attr("action");
	     
	      request(url, 
	    		  ‘POST‘,
	    		  JSON.stringify($(this).serializeObject()), 
	    		  function(){alert(‘123‘);}, 
	    		  null);
		});
	});
	
	});  
	
	

//将$.ajax函数 转化成一个简单的接口
function request(url, method, param, callback, fail){    
		//alert(param);
    	$.ajax({
		        type: method,
		       	//async:false,
		        contentType: "application/json;charset=UTF-8",
		        dataType: "json",
		        url: url,
		        data: param, 
		        success: callback,
		        error: fail,
		    });		  
    	}

//将form表单里面的数据转化为json对象
$.fn.serializeObject = function()
        {
            var o = {};
            var a = this.serializeArray();
            $.each(a, function() {
                if (o[this.name] !== undefined) {
                    if (!o[this.name].push) {
                        o[this.name] = [o[this.name]];
                    }
                    o[this.name].push(this.value || ‘‘);
                } else {
                    o[this.name] = this.value || ‘‘;
                }
            });
            return o;
        };

//再用JSON.stringify()函数将json对象转化为json字符串，就转化出去了
</script>

        参考博客，略作修改。

原文：http://www.cnblogs.com/JustAlloc/p/3992253.html

内容总结

以上是互联网集市为您收集整理的通过js，修改所有form表单，提交JSON格式的数据全部内容，希望文章能够帮你解决通过js，修改所有form表单，提交JSON格式的数据所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1188146.html

来源：【匿名】