使用JQuery实现Web弹出编辑框

一．背景 (Background)

随着 Ajax （ Asynchronous Javascript And XML ）的逐渐流行，我们可以通过 Ajax 实现一些以往只能在 WinForm 中才能做到的 UI 效果，最经典的就是弹出的模式对话框 (Modal Dialog) 了。基于 Ajax 的 Web 中模式对话框不但可以提高用 户的 UI 体 验，更可以减少页面的不必要刷新，减少与 Web 服务器的数据交互，从而减少不必要的 Web 服务器负载。

在 壹玖服装批发网 的管理平台中，我们充分利用 JQuery 和 Ajax 实现了 Web 弹出对话框，取代了先前的弹出页面和页面跳转，提高了响应速度，增进了用户体验。

二．相关技术 (Techniques)

1. JQuery

jQuery 由美国人 John Resig 创建，至今已吸引了来自世界各地的众多 javascript 高手加入其 team ，包括来自德国的 Jörn Zaefferer ，罗马尼亚的 Stefan Petre 等等。

　　 jQuery 是继 prototype 之后又一个优秀的 Javascr ī pt 框架。其宗旨是—— WRITE LESS,DO MORE, 写更少的代码 , 做更多的事情。

　　它是轻量级的 js 库 ( 压缩后只有 21k) ，这是其它的 js 库所不及的，它兼容 CSS3 ，还兼容各种浏览器 （ IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ ）。

jQuery 是一个快速的，简洁的 javaScript 库，使用户能 更方便地处理 HTML documents 、 events 、实现动画效果，并且方便地为网站提供 AJAX 交互。

在很多的电子商务网站（如 壹玖服装批发网 ）和门户网站中，都大量使用了 JQuery 完成一些特效和交互，以弥补 HTML 静态页面的不足。

2. Ajax