上一篇给大家介绍了一个利用AJax+Json+JQuery来实现无刷新网站开发的总体思路后,为了初学者一个更好的理解,这篇文章将说下Ajax的基本用法,并给出了一个例子。
AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML)。
其他话我就不多说了,由于JQuery很好的封转了AJax这个框架,所以我这次用的就是JQuery封转好的AJax,所以这个例子中引用了了一个JQuery库。
这个例子所要实现的业务逻辑很简单:无刷新验证您输入的用户名和密码是否正确,这是很多网站都用到的一个功能。我们是通过一个图片来显示结果。如下:
图1 未开始输入 图2 开始验证
图3 验证正确 图4 验证错误
该例子的下载链接:http://download.youkuaiyun.com/source/2697656
由于时间问题,今天暂且说到这里。等有空了,我将进一步讲解该实例。