AJax+Json+JQuery之AJax

       上一篇给大家介绍了一个利用AJax+Json+JQuery来实现无刷新网站开发的总体思路后,为了初学者一个更好的理解,这篇文章将说下Ajax的基本用法,并给出了一个例子。

        AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML)。

       其他话我就不多说了,由于JQuery很好的封转了AJax这个框架,所以我这次用的就是JQuery封转好的AJax,所以这个例子中引用了了一个JQuery库。

       这个例子所要实现的业务逻辑很简单:无刷新验证您输入的用户名和密码是否正确,这是很多网站都用到的一个功能。我们是通过一个图片来显示结果。如下:

                图1 未开始输入                             图2 开始验证 Read more "AJax+Json+JQuery之AJax"

AJax+Json+JQuery—-前沿

        今天想写点个人的感想,当然肯定有很多不足的地方,若有哪位仁兄发现不妥之处,还望指出。首先这边文章是引言,是从大局的角度给大家介绍下我的想法,然后具体的实现我会从下一篇文章开始详细讲解。

       现在网络上大部分网站(个人认为)的数据传输方式都不是基于像Ajax这样数据传输是异步的。Ajax有两个特点:数据的异步传输和页面无刷新,从某种角度上也可以说这就是它的优点。但是Ajax有两点不好:第一:从服务器端发送回来的数据(一般情况下是XML格式)要绑定到控件上有点麻烦。第二:运用Ajax技术就一定要涉及到Js代码,一旦其中的的Js代码出错,要找出错误就显得不是那么容易。所以个人觉得因为上面的两点才让Ajax在网页设计领域中不能大展身手,关于Ajax会在下一篇文章中介绍。

      我需要申明的是这一系列文章都是围绕Ajax这种技术来实现数据的异步传输,只是利用了Json和JQuery这两种技术来提高Ajax在网站开发中的效率,也弥补了Ajax在上面谈到的那两方面的不足,而这也是我写这篇文章的主要目的。

      原理是通过Json和JQuery写一些逻辑通用的Js方法,这些方法主要处理两个任务:第一组装要发送的数据;第二:处理从服务器端发送回来的数据,如:将服务器端发送回来的数据绑定到控件上等,而Ajax的方法体只需要负责发送和接受这两个动作。有了Json和JQuery这两个助手,Ajax实现网站开发就很容易了。

      我们不如假设这里要实现一个业务逻辑:显示Student表中的一条记录。其中Student表的结构如图2所示,那么利用我们说的方法处理这个业务逻辑的数据流就如图1所示了。(本文章所用的后台代码语言是C#,数据库是SQLServer)

图1 Read more "AJax+Json+JQuery—-前沿"