AJAX的寫法

AJAX可以說是前端開發必須要會的技術。AJAX是異步的javascript and xml。是他們技術的合稱。

1.原生寫ajax。很多小伙伴在會了jQuery后，將原生都忘記了，所以原生我還是要在這里寫一下。

<script>
    function ajax(url,fnSucc)
    {
//        第一步-創建ajax對象
        if(window.XMLHttpRequest)
        {
            var oAjax = new XMLHttpRequest();  //標准瀏覽器
        }
        else
        {
            var oAjax = new ActiveXObject("Microsoft.XMLHTTP");//IE6瀏覽器創建ajax對象
        }
//        第二部-連接服務
        oAjax.open("GET",url,true);//把要讀取的參數的傳過來。
//        第三部-發送請求
        oAjax.send();
//        第四部-接收返回
        oAjax.onreadystatechange=function()
        {
            if(oAjax.readyState==4)
            {
                if(oAjax.status==200)
                {
                    fnSucc(oAjax.responseText);//成功的時候調用這個方法
                }
                else
                {
                    if(fnfiled)
                    {
                        fnField(oAjax.status);//失敗
                    }
                }
            }
        };
    }
</script>

可以將它封裝在一個js文件里，方便使用。使用方法如下：

<script src="ajax.js"></script>//引用封裝的ajax文件
<script>
window.onload=function()
{
    var oBtn = document.getElementById("btn1");
    oBtn.onclick = function()
    {
        ajax('a.txt',function(str){//讀取a.txt文件里面的內容
                alert(str);//將讀取的內容輸出
            })            
    }
};

</script>

2.jQuery寫ajax。

 $.ajax({
                    type : "POST",  //提交方式
                    url : "${pageContext.request.contextPath}/org/doDelete.action",//路徑
                    data : {
                        "org.id" : "${org.id}"
                    },//數據，這里使用的是Json格式進行傳輸
                    success : function(result) {//返回數據根據結果進行相應的處理
                        if ( result.success ) {
                            $("#tipMsg").text("刪除數據成功");
                            tree.deleteItem("${org.id}", true);
                        } else {
                            $("#tipMsg").text("刪除數據失敗");
                        }
                    }
                });

　　這是在實際項目中的一段代碼，type 是方式，默認是get；url是路徑；data是你要發送的數據；success是成功回調；

注意：這里我還是要強調，跨域運用的不是AJAX技術，而是jsonp.為什么有那么多人弄混淆？就是因為jQuery團隊將jsonp的使用封裝在了ajax里，所以，很多人搞錯了，人倆其實並不認識的。。。