jQuery中ajax如何使用

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

ajax使用方式

type： 默認值: "GET")。請求方式 ("POST" 或 "GET")， 默認為 "GET"

url： 默認值: 當前頁地址。發送請求的地址。

data： 發送到服務器的數據。將自動轉換為請求字符串格式。GET 請求中將附加在 URL 后。 必須為 Key/Value 格式

contentType： 發送信息至服務器時內容編碼類型。

dataType： 預期服務器返回的數據類型。如果不指定，jQuery 將自動根據 HTTP 包 MIME 信息來智能判斷

success： 請求成功后的回調函數。參數：由服務器返回，并根據 dataType 參數進行處理后的數據；描述狀態的字符串。

1.傳遞指定參數

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

2.傳遞json對象

     $.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.后臺接受數據處理并返回結果

@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;
}

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