jQuery中ajax如何使用

這篇文章主要介紹了jQuery中ajax如何使用，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

ajax使用方式

type： 默認(rèn)值: "GET")。請(qǐng)求方式 ("POST" 或 "GET")， 默認(rèn)為 "GET"

url： 默認(rèn)值: 當(dāng)前頁(yè)地址。發(fā)送請(qǐng)求的地址。

data： 發(fā)送到服務(wù)器的數(shù)據(jù)。將自動(dòng)轉(zhuǎn)換為請(qǐng)求字符串格式。GET 請(qǐng)求中將附加在 URL 后。 必須為 Key/Value 格式

contentType： 發(fā)送信息至服務(wù)器時(shí)內(nèi)容編碼類型。

dataType： 預(yù)期服務(wù)器返回的數(shù)據(jù)類型。如果不指定，jQuery 將自動(dòng)根據(jù) HTTP 包 MIME 信息來智能判斷

success： 請(qǐng)求成功后的回調(diào)函數(shù)。參數(shù)：由服務(wù)器返回，并根據(jù) dataType 參數(shù)進(jìn)行處理后的數(shù)據(jù)；描述狀態(tài)的字符串。

1.傳遞指定參數(shù)

$.ajax({
    type: 'post',
    url: '/operate/getNewsBynew_id',
    data:{"new_id":data.new_id},
    success: function (data) {
}
});

2.傳遞json對(duì)象

     $.ajax({
                    type: 'post',
                    url: '/news/addnews',
                    contentType: "application/json; charset=utf-8",
                    data: JSON.stringify(data.field),
                    success: function (data) {
                            location.href="/gover_index_1.html"
                    }
                }
            );

3.后臺(tái)接受數(shù)據(jù)處理并返回結(jié)果

@PostMapping("/addnews")
public News addNews(@RequestBody News news){
    news.setTime(new Date());
    newsService.insertNews(news);
    return news;
}

@PostMapping("/getNewsBynew_id")
public NewsAll getNews(Integer new_id){
    NewsAll newsAll=newsService.getNewsBynew_id(new_id);
    System.out.println(newsAll.getS_times()+" "+newsAll.getTitle());
    return newsAll;
}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“jQuery中ajax如何使用”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!