初识ajax

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

最近做项目经常用到ajax，发现这个真是一个好东西，可以将前后端分离开来，以下是基本内容和注解：

         $.ajax({

                url: "xxx",    //请求路径

                type: "GET",    //请求类型，看后台是"POST"还是"GET"，默认后者

                dataType: "json",     //请求的数据类型，"json"、"text"、"html"、"jsonp"等等

                contentType: "application/x-www-form-urlencoded; charset=utf-8",    //编码类型，根据请求类型的不同而不同，（例：如果dataType是jsonp，那么就要改成contentType: "application/json; charset=utf-8",）

                data: {    //这里放的是前端往后台传的数据

    action :  "XXX", //请求方法

                    id : $("#xxx").data("id"),    //例子（注：冒号前的变量名一定要与后端的变量名相同）

                    name : $("#xxx").val(),    //例子

                    _ : new Date().getTime()    // 加个时间戳，防止多次请求后挂起

                                                               // 注意：最后的数据没有 “,”

                },        //这里要加“,”

                success: function(data){    //发送请求成功，则把从后台传来的数据先是到前端，

                    console.log(data);    //将data数据打印在控制台，可以看看都传了什么数据，将需要的取出即可，注意一下数据的层级结构

                    if (data.ret == 0) {    //后台传输数据成功（ret是后端定义的）

                            $("#appID").val(data.xxx.appId);    //操作数据，一般是将数据回显到页面的指定位置

                        }

                    } else {    //后台传输数据失败，则显示获取失败

                       alert( "获取配置失败！");

                    }

                },

                error: function(){    //发送请求失败，则显示服务繁忙

                    alert( "服务器繁忙，请稍后重试");

               }

           });