码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-09-25 13:27:58      阅读:366      评论:0      收藏:0      [点我收藏+]

标签:blog   http   io   os   java   ar   for   数据   div   

直接上代码 

<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>

 

参考博客,略作修改。

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

标签:blog   http   io   os   java   ar   for   数据   div   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!