ajax的应用

1.ajax是什么？

        Ajax即“Asynchronous Javascript And XML”(异步JavaScript 和XML)，是指一种创建交互式网页应用的网页开发技术。Ajax=异步JavaScript和XML（标准通用标记语言的子集）。通过在后台与服务器进行少量数据交换,Ajax可以使用网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新（无刷新技术）。传统的网页（不使用Ajax）如果需要更新内容，必须重载整个网页页面。

1.1  ajax中的两种请求方式

      Get请求与Post请求。使用get请求时，参数在url中显示，而使用post方式，则不会显示出来，使用get请求发送数据量小，只能传递大约1024字节。post请求发送数据量大，可以达到2M（理论上无限制），get请求需注意缓存问题，post请求不需担心这个问题。

1.2 ajax的应用场景

  ajax可用于表单注册提交及三级联动下拉框还有网页内容搜索自动补全，如：

2.ajax的写法

 

 

1. 创建Ajax引擎对象

2. 绑定提交地址

3. 为Ajax引擎对象绑定监听（监听服务器已将数据响应给引擎监听里面处理响应数据

4. 监听里面处理响应数据

5. 发送请求

 3.下面我自己模拟了一个表单的注册提交，运用ajax来验证提交

代码如下：

首先是注册页面

 

 这里我先随便注册了一个用户，然后注册成功了，用户名和密码已经存到数据库，页面也自动跳转到登陆界面

现在让我们来登陆一下试试，我先故意输入一个数据库中没有的数据看看,可以发现页面在不刷新的情况下验证了用户名的错误，大大的提升了用户的体验感。