麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

jQuery中$.get、$.post、$.getJSON和$.ajax的用法詳解

2019-11-20 13:54:48
字體:
來源:轉載
供稿:網友

當我們用javascript寫ajax程序寫得很“開心”的時候,突然有人告訴你有一種東西叫jquery,它會告訴你不直接和HttpRequest是多么的快樂,同時你再也不需要再煩惱糾結的ajax亂碼問題,更幸福的是你的js代碼將大大地簡化,看完本文,你會發現,ajax,簡單的來講就是一句話的事情。

1、$.get

$.get()方法使用GET方式來進行異步請求,它的語法結構為:

$.get( url [, data] [, callback] )

解釋一下這個函數的各個參數:

url:string類型,ajax請求的地址。

data:可選參數,object類型,發送至服務器的key/value數據會作為QueryString附加到請求URL中。

callback:可選參數,function類型,當ajax返回成功時自動調用該函數。

最后寫一個$.get()的實例供大家參考:

復制代碼 代碼如下:

$.get(
    "submit.aspx",{
        id:     '123',
        name:   '青藤園',
    },function(data,state){
        //這里顯示從服務器返回的數據
        alert(data);
        //這里顯示返回的狀態
        alert(state);
    }
)

2、$.post()

$.post()方法使用POST方式來進行異步請求,它的語法結構為:

$.post(url,[data],[callback],[type])

這個方法和$.get()用法差不多,唯獨多了一個type參數,那么這里就只介紹type參數吧,其他的參考上面$.get()的。

type:type為請求的數據類型,可以是html,xml,json等類型,如果我們設置這個參數為:json,那么返回的格式則是json格式的,如果沒有設置,就和$.get()返回的格式一樣,都是字符串的。

最后寫一個$.post()的實例供大家參考:

復制代碼 代碼如下:

$.post(
    "submit.aspx",{
        id:     '123',
        name:   '青藤園',
    },function(data,state){
        //這里顯示從服務器返回的數據
        alert(data);
        //這里顯示返回的狀態
        alert(state);
    },
    "json"
)

3、$.getJSON()

$.getJSON()是專門為ajax獲取json數據而設置的,并且支持跨域調用,其語法的格式為:

getJSON(url,[data],[callback])

url:string類型, 發送請求地址  data :可選參數, 待發送 Key/value 參數 ,同get,post類型的data callback :可選參數,載入成功時回調函數,同get,post類型的callback

JSON是一種理想的數據傳輸格式,它能夠很好的融合與JavaScript或其他宿主語言,并且可以被JS直接使用。使用JSON相比傳統的通過 GET、POST直接發送“裸體”數據,在結構上更為合理,也更為安全。至于jQuery的getJSON()函數,只是設置了JSON參數的 ajax()函數的一個簡化版本。這個函數也是可以跨域使用的,相比get()、post()有一定優勢。另外這個函數可以通過把請求url寫 成"myurl?callback=X"這種格式,讓程序執行回調函數X。

4、$.ajax()

$.ajax()是jquery中通用的一個ajax封裝,其語法的格式為:

$.ajax(options)

其中options是一個object類型,它指明了本次ajax調用的具體參數,這里我把最常用的幾個參數附上

復制代碼 代碼如下:

$.ajax({
        url: 'submit.aspx',
        datatype: "json",
        type: 'post',
        success: function (e) {   //成功后回調
            alert(e);
        },
        error: function(e){    //失敗后回調
            alert(e);
        },
        beforeSend: function(){  /發送請求前調用,可以放一些"正在加載"之類額話
            alert("正在加載");
        }
})

以上就是jquery實現ajax調用的幾種方法,ajax調用還是挺復雜的,希望本文能對大家有所幫助,如有什么疑問,也可以聯系我,大家共同進步。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 久久99国产精品久久99果冻传媒 | 懂色粉嫩av久婷啪 | 精品国产99久久久久久宅男i | 免费视频一区 | 久久精品欧美电影 | 美女网站黄在线观看 | 久久精品久久久久 | 在线看免电影网站 | 日韩黄色免费观看 | 久久精品一区二区三区国产主播 | 草莓视频久久 | 黄网站在线免费 | 黄色特级 | 亚洲一区国产二区 | 视频在线91 | 欧美一级特级 | 精精国产xxxx视频在线播放7 | 欧美大逼网 | 久久精品成人免费国产片桃视频 | 欧美三级日本三级少妇99 | 国产精品一品二区三区四区18 | 在线视频 日韩 | 久久久国产精品免费观看 | 亚洲日本韩国在线观看 | 日韩视频在线不卡 | 亚洲一区二区三区日本久久九 | 钻石午夜影院 | 久久视讯 | 91av久久| 日本人乱人乱亲乱色视频观看 | 最新中文字幕免费视频 | 本站只有精品 | 国产91大片| 亚洲一区二区不卡视频 | 2级毛片 | 亚洲精品午夜在线 | 竹内纱里奈和大战黑人 | 嗯哈~不行好大h双性 | 视频一区二区三区在线播放 | 一区二区三区在线观看国产 | 成人福利在线播放 |