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。

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

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

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

總結

以上是生活随笔為你收集整理的AJAX的写法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。