JSON进阶四-前后台交互之美

本文示例源代码或素材下载

例如：以前我们做注册界面，我们需要写很多东西，在前端，我们要使用各种文本输入框，有些还要使用select,checkbox等，提供用户填写各种信息，无论在JSP中还是在APS.NET中，我们都要把前台文本框和后台赋值做一一对应。几个还好，十几个也能应付，几十个就感觉无聊了，我最不喜欢的就是做这类的东西。一旦要添加一个东西，就要修改HTML和后台代码，用表单提交的方式还好，用AJAX方式就麻烦了，不但要修改后台代码，还要修改JS，耦合度非常高，下面的例子就是小弟最近的一些编程心得，使用JSON来解决这个问题。

在此我用到了包括Jquery-1.2.6在内的四个js文件：(如果你对JQ不是很了解的话，可以看些园子里其他园友写的文章)

分别介绍下其他三个：

Json2.js是一个老外写的把Json和字符串互相转换的JS（好像是EXT里的东西，不过我是在一个老外BLOG里找到的）。我对其做了一些扩展，这个以后再说吧。

Json2.parse(); // 把Json形式的字符串转换成Json对象(包括JSON数组形式)。

Json2.stringify(); //把Json对象转换成Json形式的字符串(包括JSON数组形式)。

Validator.js是一个数据验证的js文件，我在日常工作中很多地方用到它，是我自己写的一个简单的验证，有兴趣的同学可以对他扩展。我在里面提供了，日期，数组，中文等验证方式。

TableSerializer.js这个JS是的把表格里的元素转换成JSON，也能把JSON转换到表格中，这个JS还不够完善，有兴趣的同学可以扩展一下，或者把你的需求告诉我，我不断的完善它。

TableSerializer.TableToJson(); // 把表格里的填写项转换成Json数组

TableSerializer.JsonToTable(); // 把json数组转换成表格中的元素。