jQuery中ajax如何使用

发布时间：2022-02-22 11:01:20 阅读：413 作者：小新栏目：开发技术

前端开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

这篇文章主要介绍了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如何使用”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

jQuery中ajax如何使用

ajax使用方式

1.传递指定参数

2.传递json对象

3.后台接受数据处理并返回结果

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签