jQuery ajax使用方法

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 信息來(lái)智能判斷

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

4.返回的結(jié)果用console.log輸出