美文网首页
前端发送对象数据交互

前端发送对象数据交互

作者: CJL181 | 来源:发表于2020-03-26 20:59 被阅读0次

    前端发送js对象(stringify),后端接受并使用fastjson解析

    前端:

    var questionnaire = {userId:2,courseId:2,title:"在无动力的情况下车决不会受与整体运动方向相同的摩擦力。所以,车不会拉马走。",
            QHtml:"<p>公布答案</p><p><span>噔噔噔噔:</span></p><p>向哪运动是由摩擦力决定,开始马受到地面的摩擦力大于车受到的方向相反的摩擦力,车就与马一起向前运动。而后只要两者的摩擦力相等,这种状况就能持续了。在无动力的情况下车决不会受与整体运动方向相同的摩擦力。所以,车不会拉马走。</p>"}
    
        $.post("/testSendObject",{Questionnaire:JSON.stringify(questionnaire),id:888},function (data) {
                console.log(data.code);
                if (data.code == 200) {
                    console.log("请求发送成功!);
                } else {
                    alert("请求失败!");
                }
            }
        )
    

    model:

    public class Questionnaire{
        private Integer id;
        private Integer userId;
        private Integer courseId;
        private String title;
        private String QHtml;
        private String AHtml;
        private Integer followCount;
        private Integer weight;
        private Boolean solved;
        private Date createTime;
        private Date updateTime;
        private Boolean deleted;
    }
    

    后端controller:

    @PostMapping("/testSendObject")
    @ResponseBody
    public Results<String> testSendObject(@RequestParam("Questionnaire") String questionnaire,@RequestParam("id") Integer id){
    
            Questionnaire q = JSON.parseObject(questionnaire,Questionnaire.class);
            log.info(q.toString());
            log.info(id+"");
    
            return Results.success();
        }
    

    结果:


    Snipaste_2020-03-26_20-58-35.png

    相关文章

      网友评论

          本文标题:前端发送对象数据交互

          本文链接:https://www.haomeiwen.com/subject/geshuhtx.html