用jQuery实现Ajax

jQuery.ajax([settings])

type：类型，”GET”或”POST”，默认为”GET”；
url：发送请求的地址；
data：是一个对象，连同请求发送到服务器的数据；
dataType：预期服务器返回的数据类型。如果不指定，jQuery将自动根据HTTP包MIME信息来智能判断，一般我们采用json格式，可以设置为“json”;
success：是一个方法，请求成功后的回调函数。传入返回后的数据，以及包含成功代码的字符串；
error：是一个方法，请求失败时调用此函数。传入XMLHttpRequest对象。

将上文中的实例（Ajax基础知识）用jQuery的形式写出，效果相同。

<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script>
<script>
$(document).ready(function(){

    $('#search').click(function(){
        $.ajax({
            type:"GET",
            url:"server.php?number=" + $('#keyword').val()+"&"+ Math.random(),
            dataType:'json',
            success:function(data){
                if (data.success) {
                    $('#searchResult').html(data.msg);
                }else{
                    $('#searchResult').html('出了错误：'+data.msg);
                }
            },
            error:function(jqXHR){
                alert("发生错误：" + jqXHR.status);
            }
        });
    })

    $('#save').click(function(){
        $.ajax({
            type:"POST",
            url:"server.php?",
            dataType:'json',
            data:{
                name:$('#staffName').val(),
                number:$('#staffNumber').val(),
                sex:$('#staffSex').val(),
                job:$('#staffJob').val()
            },
            success:function(data){
                if (data.success) {
                    $('#createResult').html(data.msg);
                }else{
                    $('#createResult').html('出了错误：'+data.msg);
                }
            },
            error:function(jqXHR){
                alert("发生错误：" + jqXHR.status);
            }
        });
    })

})
</script>