App下載

jQuery ajax使用方法

猿友 2021-01-25 16:33:14 瀏覽數 (3219)
反饋

ajax使用方式

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

?url?: 默認值: 當前頁地址。發(fā)送請求的地址。

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

?contentType?: 發(fā)送信息至服務器時內容編碼類型。

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

?success?: 請求成功后的回調函數。參數:由服務器返回,并根據 dataType 參數進行處理后的數據;描述狀態(tài)的字符串。

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

4.返回的結果用console.log輸出

微信截圖_20210125114450


0 人點贊