Ajaxリクエストが415エラーソリューションとして表示され、JSON.stringfy()関数がバックグラウンドで受信されます

次のコードをajaxリクエストに追加します

contentType: "application/json;charset=UTF-8",

拡張:フロントエンドAjaxのJSON.stringify(data)はパラメーターを渡し、バックエンドはフォーマットを受け入れます

フロントデスクLayuiがデータテンプレートを送信

layui.use('form',function () {
    
    
    let form = layui.form;
    form.on('submit(submitInfo)',function (data) {
    
    
        $.ajax({
    
    
            url:"/addPartner",//与controller层对接
            data:JSON.stringify(data.field), //简化写法,用JSON数据传送到后端
            // data:{
    
    
            //     "username":data.username,
            //     "phone":data.phone
            // },
            dataType:"json",
            method:"POST",
            contentType: "application/json;charset=UTF-8",  //加上这行代码解决415错误
            success:function (data) {
    
    
                alert("提交成功!")
            },
            error:function (msg) {
    
    
                alert("出现错误,请联系管理员!")
                console.log(msg)
            }
        })
    })
    return false;  //加入 return false 防止重复提交请求
})

バックグラウンドコントローラー

package com.itguigu.learn.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestParam;

import java.util.Map;

@Controller
public class YoungSpaceController {
    
    

	//后台接收使用Map
    @PostMapping("/addPartner")
    public String addFriend(@RequestBody Map<String,String> map){
    
    
        System.out.println(map.get("username"));
        System.out.println(map.get("phone"));
        return "youngSpace";
    }

}

おすすめ

転載: blog.csdn.net/weixin_43967679/article/details/108051102