JQuery中AJAX的常用方式

看代码呀看代码，看到这里：

$(document).ready(function(){
    $.ajax( {  
        type : "post",
        dataType : "json",
        url : "<%=path%>/school/school_queryAllSchoolAndGroup.action",
        async : false,
        success : function(json) {
            arryAll.push({ name: "全部", to:  ""});
            for(var i=0;i<json.length;i++){
                arryAll.push({ name: json[i].groupName, to: json[i].id});
            } 
        }
    });
});

傻眼了！这是啥！这是啥！这是啥！
然后我就又拜托了度娘，然后借助：http://www.w3school.com.cn/jquery/jquery_ajax_intro.asp开始了征程！

一.AJAX是什么？

AJAX（Asynchronous Javascript And XML）异步的 JavaScript 和 XML，是指一种创建交互式网页应用的网页开发技术。在与服务器交换数据并更新部分网页的艺术，不重新加载整个页面。

二.关于jQuery与AJAX

JQuery对Ajax异步操作进行了封装

三.JQuery中AJAX的常用方式 $.ajax，$.post， $.get， $.getJSON

1.$.ajax

$.ajax的一般格式

$.ajax({

    type: "POST",

    url: "url" ,

    data: "data" ,

    success: "success" ,

    dataType: dataType

});

通过使用这个函数可以完成异步通讯的所有功能,但是它的参数比较多。常用的参数如下：

 var configObj = {
       type  //数据的提交方式：get和post
       url   //数据的提交路径
       async   //是否支持异步刷新，默认是true
       data    //需要提交的数据
       dataType   //服务器返回数据的类型，例如xml,String,Json等
       success    //请求成功后的回调函数
       error   //请求失败后的回调函数
    }
$.ajax(configObj);//通过$.ajax函数进行调用。

例子：

/*删除*/
<span style="font-size:18px;">        
                $.ajax({  
                    type : "POST",  //提交方式  
                    url : ""<%=path%>/school/school_doDelete.action"",//路径  
                    data : {  
                        "school.id" : "${school.id}"  
                    },//数据，这里使用的是Json格式进行传输  
                    success : function(result) {//返回数据根据结果进行相应的处理  
                        if ( result.success ) {  
                            $("#tipMsg").text("删除数据成功");  
                            tree.deleteItem("${school.id}", true);  
                        } else {  
                            $("#tipMsg").text("删除数据失败");  
                        }  
                    }  
                });  
</span>  

2.$.post

这个函数其实就是对$.ajax进行了更进一步的封装，减少了参数，简化了操作，但是运用的范围更小了。$.post简化了数据提交方式，只能采用POST方式提交。只能是异步访问服务器，不能同步访问，不能进行错误处理。在满足这些情况下，我们可以使用这个函数来方便我们的编程，它的主要几个参数，像type，async等进行了默认设置，我们不可以改变的。

url:发送请求地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。

3.$.get

和$.post一样，这个函数是对get方法的提交数据进行封装，只能使用在get提交数据解决异步刷新的方式上，使用方式和上边的也差不多。这里不再演示。

4.$.getJSON

这个是进一步的封装，也就是对返回数据类型为Json进行操作。里边就三个参数，需要我们设置，非常简单：url,data,callback。

就是我们只要掌握了$.ajax，其他就不在话下了！