用AJAX实现网页中的增删改

 

用AJAX实现网页中的增删改

今天运用了Ajax读取数据库，并实现异步的网页中mvc增删改和分页在其中用到Dom读取XML文件和Html中的DOM写标签到网页中，并解决了浏览器的兼容性问题。

  AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）。AJAX 是一种在 2005 年由 Google 推广开来的编程模式。AJAX 不是一种新的编程语言，而是一种使用现有标准的新方法。通过 AJAX，你可以创建更好、更快以及更友好的 WEB 应用程序。AJAX 基于 JavaScript 和 HTTP 请求（HTTP requests）。

下面是实现的例图：

                                                网页显示数据库内容 1.1

当点击“所有员工“时—>如图示1.1实现了如何通过ajax读取数据库，并分页显示实现局部刷新。

                                                        网页删除内容信息1.2

当点击“删除“时 –>如图所示1.2删除了编号为”111“的信息，并重新读取数据库。

                                                          网页修改内容信息1.3

当点击“修改“时 –>如图所示1.3 通过HTML中的DOM实现读取HTML中的内容，并且在部门下拉菜单中实现级联操作，修改成功后并存储到数据库，然后再读数据库显示。

网页添加内容信息1.4

当点击“添加用户“时 –>如图所示1.4 通过HTML中的DOM实现读取HTML中的内容，并且在部门下拉菜单中实现级联操作，添加并存储到数据库，然后再读数据库显示。

 

  实现代码见： http://kuaile863.javaeye.com/blog/974466