Jquery使用ajax_jquer引入并使用ajax-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_37687058/article/details/121997892

本文介绍了一个SpringBoot项目的示例，展示了如何通过Ajax从客户端发起GET请求获取JSON数据，并在控制器中处理请求返回相应的数据。具体包括了前端JS代码实现及后端Controller的编写。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方式1

我这里是一个springboot项目,需要从js中使用ajax访问controller获取JSON,这里进行记录,

js代码中

$.ajax({
        type:"GET",  //提交数据的类型 POST GET
        url:"http://localhost:8080/link/getAll" , //网址
        //返回数据的格式
        datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
        //在请求之前调用的函数
        beforeSend:function(){},
        //成功返回之后调用的函数
        success:function(data){
            data.forEach(function(link){
                link.OriginalInfo= "Path";
            })
            console.log(data);
            option.series[0].links= data;
            myChart.setOption(option);
            console.log(option);
        } ,
        //调用执行后调用的函数
        complete: function(XMLHttpRequest, textStatus){
        },
        //调用出错执行的函数
        error: function(){
            //请求出错处理
        }
    });

controller

@RestController
@RequestMapping(value = "/link",produces = "application/json;charset=utf-8")
public class LinkController {
    @Autowired
    LinkService linkService;
    @Autowired
    JSONUtil jsonUtil;

    @RequestMapping("/getAll")
    public String findAll() throws JsonProcessingException {
        List<Link> all = linkService.findAll();
        List<LinkData> list = jsonUtil.convert(all);
        ObjectMapper mapper = new ObjectMapper();
        String jsonStr = mapper.writeValueAsString(list);
        return jsonStr;
    }
}