首页W3C技术头条jQuery ajax使用方法

jQuery ajax使用方法

w3cschool小编 2021-01-25 16:33:14 浏览数 (416)
反馈

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

4.返回的结果用console.log输出

微信截图_20210125114450


0 人点赞

相关课程 更多»

{{ relateCourse.bookname }}

{{ relateCourse.description }}

{{ relateCourse.watch_count }} 人参与

立即学习
相关文章 更多»
{{ relateArticle.title }} {{ relateArticle.postdate }}

最新文章

热门文章

更多»