AJAX可以說是前端開發(fā)必須要會(huì)的技術(shù)。AJAX是異步的javascript and xml。是他們技術(shù)的合稱。

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

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

可以將它封裝在一個(gè)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文件里面的內(nèi)容

                alert(str);//將讀取的內(nèi)容輸出

            })

    }

};

</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. },//數(shù)據(jù)，這里使用的是Json格式進(jìn)行傳輸
7. success : function(result) {//返回?cái)?shù)據(jù)根據(jù)結(jié)果進(jìn)行相應(yīng)的處理
8. if ( result.success ) {
9. $("#tipMsg").text("刪除數(shù)據(jù)成功");
10. tree.deleteItem("${org.id}", true);
11. } else {
12. $("#tipMsg").text("刪除數(shù)據(jù)失敗");
13. }
14. }
15. });

　　這是在實(shí)際項(xiàng)目中的一段代碼，type 是方式，默認(rèn)是get；url是路徑；data是你要發(fā)送的數(shù)據(jù)；success是成功回調(diào)；

注意：這里我還是要強(qiáng)調(diào)，跨域運(yùn)用的不是AJAX技術(shù)，而是jsonp.為什么有那么多人弄混淆？就是因?yàn)閖Query團(tuán)隊(duì)將jsonp的使用封裝在了ajax里，所以，很多人搞錯(cuò)了，人倆其實(shí)并不認(rèn)識的。。。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。