ajax前后端

前端html

<div class="abc">
            <div class="nc">Bot昵称:</div>
            <div class="ra">Bot战力:</div>
        </div>
        <script>
            let $A = $('.nc');
            let $B = $('.ra')
            //console.log($A.text());
            $.ajax({
                url: "http://127.0.0.1:8888/pk/getbotinfo/",
                type: "GET",
                data: {
                },
                dataType: "json",
                success: function (resp) {
                    console.log(resp);
                    //console.log($A.text());
                    $A.text($A.text() + resp.name);
                    $B.text($B.text() + resp.rating);
                },
            });
        </script>

后端java

package com.kob.backend.controller.pk;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.HashMap;
import java.util.Map;
import java.util.List;

@RestController
@RequestMapping("/pk/")
public class BotInfoController {
    @RequestMapping("getbotinfo/")
    public  Map<String,String>getBotInfo(){
        Map<String,String>bot1=new HashMap<>();
        bot1.put("name","tiger");
        bot1.put("rating","1500");
        return bot1;
    }
}

结果