ajax作用回顾

为什么要使用ajax技术?

首先要了解什么是ajax:异步的javascript和xml(异步:通过事件触发ajax请求,在这期间,无论该服务器端有无错误和响应,并不影响客户端其他代码的执行).ajax默认的异步性质使其在某些方面具有后端所无法弥补的一些优势:

• 通过ajax与服务器进行数据交换,实现网页布局的更新
• 在不重新加载网页的情况下,实现网页的部分内容更新

ajax是怎么实现的?

(1) 创建XMLHttpRequest对象,也就是创建一个异步调用对象.
(2) 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.
(3) 设置响应HTTP请求状态变化的函数.
(4) 发送HTTP请求.
(5) 获取异步调用返回的数据.
(6) 使用JavaScript和DOM实现局部刷新.

ajax的应用场景

• 登录失败不重新跳转页面
• 页面注册实时显示提示信息(如该用户名在数据库中已存在)
• 省市区的三级联动
• 图片服务器的延时加载等等

代码示例及解析

 function loginAjax(param) {
    var self = this;
    $.ajax({
        type: 'post',
        url: '/user/login',
        dataType: 'json',
        data: param,
        success: function(data) 
        
        },
        error: function(error) {
        console.log(error);
        }
    })
}

常用参数解析：
1、url 请求地址
2、type 请求方式，默认是’get’，常用的还有’post’
3、dataType 设置返回的数据格式，常用的是’json’格式，也可以设置为’text’
4、data 设置发送给服务器的数据
5、success 设置请求成功后的回调函数
6、error 设置请求失败后的回调函数
7、async 设置是否异步，默认值是’true’，表示异步