JQuery学习笔记——Ajax

一、JQuery中调用ajax方法：

var name = "JQuery";
var data = "uname=" + name;
$.ajax({
    type:"POST",
    url:"server.php",
    data:data,
    success: function(html){
         $('#message').html(html);
    }
});

ajax()方法会使用HTTP请求载入远程的页面。它会创建并返回XMLHttpRequest对象，该方法有一个键/值对形式对象的参数，它会被用于初始化和处理请求。

type：它定义了HTTP方法的字符串，或者是GET，或者是POST。默认类型是GET方法。

url：这是包含了网页地址的字符串，我们想要向他发送请求。

data：这是一个map对象或者字符串，我们会将它和请求一起发送给服务器。

success：这是一个回调函数，如果发送给服务器的请求成功了，那么它就会被执行。（从服务器）返回的数据会被赋给这个回调函数的参数。

【http://docs.jquery.com/Ajax/jQuery.ajax#options】

还有使用$.get()方法和$.post()方法。

$.get【post】(url, parameters, callback)

parameters：是想要传递给服务端脚本处理的键/值对。

二、导入HTML：

从另外一个文件中导入一些HTML内容到当前的网页中。

load()方法：

.load(url, parameters, callback)

三、取得JSON数据：

通过ajax方法：

此时的url换成json文件，data换成dataType:"json",

还可以通过getJSON()方法：

$.getJSON(url, parameters, callback)

四、取得XML数据：

$.ajax({
    type:"GET",
    url:"student.xml"
    dataType:"xml",
    success: function(sturec) {
         var stud = "<table border='1'>";
         $(sturec).find('student').each(function(){
              var rool = $(this).find('rool').text();
              stud+="<tr><td>"+rool+"</td></tr>";
         });
          stud+="</table>";
          $('#message').append(stud);
    }
})

从XML文件导入的信息被返回给JavaScript文件，这是以服务器生成的响应的形式返回的，然后由回调函数的参数sturec接收。这里的sturec是对象的数组，其中每个元素都包含xml文件中的标签。