十五讲实现用户名验证.pdfVIP

JQuery版客户关系管理系统

—第十五讲Ajax实现用户名的验证

学云签约讲师

个人

个人博客

上讲回顾

我们在上讲中主要就是讲解了关于编辑

业务人员信息的页面。关于业务人员的信息

编辑实际上是业务人员信息的添加或者业务

人员信息的更新。

学习目标

➢掌握JQuery中常用的ajax函数的调用方法

➢实现在添加用户名的时候验证用户名是否

已经存在

Ajax技术原理

ajax的全称是AsynchronousJavaScript

andXML，其中，Asynchronous是异步的意思

，它有别于传统web开发中采用的同步的方式。

它所包含的技术原理：

使用CSS和XHTML来表示。

使用DOM模型来交互和动态显示。

使用XMLHttpRequest来和服务器进行异步通信。

使用javascript来绑定和调用。

Ajax技术详解

Ajax的原理简单来说通XmlHttpRequest

对象来向服务器发异步请求，从服务器获得

数据，然后用javascript来操作DOM而更新页

面。

XMLHttpRequest是ajax的机制，它

是在IE5中首先引入的，是一种支持异步请求

的技术。简单的说，也就是javascript可以及

时向服务器提出请求和处理响应，而不阻塞

用户。达到无刷新的效果。

Ajax技术详解

Ajax的原理简单来说通XmlHttpRequest对象来向服务

器发异步请求，从服务器获得数据，然后用javascript来操

作DOM而更新页面。XMLHttpRequest是ajax的机制，它

是在IE5中首先引入的，是一种支持异步请求的技术。简单的

说，也就是javascript可以及时向服务器提出请求和处理响

应，而不阻塞用户。达到无刷新的效果。

JQuery中的AJAX函数

jQuery.get(url,[data],[callback])

通过HTTPGET请求载入信息。

这是一个简单的GET请求功能以取代复杂

$.ajax。请求成功时可调用回调函数。如果需要

在出错时执行函数，请使用$.ajax。

参数

•url(String):TheURLofthepagetoload.

•data(Map):(可选)待发送Key/value参数。

•callback(Function):(可选)载入成功时回调

函数。

本讲小结

1.我们这讲主要就是实现了关于用户Ajax验证用户名的功能。

其中我们讲解了关于ajax技术的原理以及在jquery中如何利

用其自身的ajax函数来实现ajax。

作业

1.根据我们这讲所讲的，完成用户名的ajax验证。