异步获取数据Ajax，以及对获取的数据进行绑定（显示在页面上）

最近，经常用Ajax去异步获取数据，今天就把它总结一下

1.Ajax是异步的JavaScript和XML，它可以在不更新网页的情况下，从后台加载（获取）数据，并显示在网页上

2.主要方法

(1)：load() 方法从服务器加载数据，并把返回的数据放入被选元素中

语法：$(选择器).load(地址，[参数]，[回调函数]）

参数：可选。是键：值的形式

回调函数：参数可以是返回的结果，调用的状态，XMLHttpRequest对象。只写一个参数，是返回的结果

(2)：$.get() 方法通过 HTTP GET 请求从服务器上请求数据

语法：$.get(地址，[回调函数] )

回调函数：参数可以是返回的结果，调用的状态，XMLHttpRequest对象。只写一个参数，是返回的结果

(3)：$.post() 方法通过 HTTP POST 请求从服务器上请求数据。

语法：$.post(地址，[参数]，[回调函数]）

参数：可选。是键：值的形式

回调函数：参数可以是返回的结果，调用的状态，XMLHttpRequest对象。只写一个参数，是返回的结果

(4)：$.ajax() 方法通过 HTTP 请求加载远程数据，是jQuery底层Ajax的实现。

常用的参数：

type：请求方法（POST,GET），默认为GET

url：地址

dataType：服务器返回的数据类型。一般返回json类型

success：成功时的回调函数

例：

 $(function() {            $.ajax({                type: "POST",                url: "地址",                dataType: "json",                success: function(data) {                    $("#id名").html(data);//绑定数据

    $(".class名").val(data);//给input表单绑定数据                }, 

error: function(error) {                $("#id名").html("aaa");                }});        });

3.成功后绑定值

$("#id名").html(data);//绑定数据

$(".class名").val(data);//给input表单绑定数据