Java SpringBoot后台与前端html/js取值传值

 

 

最近的项目要求前后端都自己来写，于是回忆一下前后端原生交互知识点！

 

 

例1：给前端输入框input赋值

 

后端Controller层代码

    /*
     * 获取当前用户名
     */
    @RequestMapping("/getUserName")
    @ResponseBody
    public String getUserName(){

        ShiroUser currentUser = ShiroKit.getUser();
        String accountName = currentUser.getAccount();

        return accountName;

    }

 

前端html代码

    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">操作人</label>
        <div class="layui-input-block">
            <input id="operatorname" name="operatorname" placeholder="请输入操作人名称" type="text" class="layui-input"/>
        </div>
    </div>

 

前端js代码

    $.ajax({
        type: "post",
        url: "/synthesisquery/getUserName",//访问controller路径
        success: function (data) {
            console.log(data)
            //$('#operatorname').val(data.accountName);
            $('#operatorname').val(data);
        }
    });

根据浏览器的打印值，所以不是data.accountName

 

参考博文：

Java 给Layui 界面的选择框赋值

https://blog.youkuaiyun.com/weixin_44690195/article/details/108724520

spring boot中使用AJAX请求，并将回调函数赋值给input输入框

https://www.cnblogs.com/duguangming/p/11266262.html

springboot传值到网页取值方式

https://blog.youkuaiyun.com/u010820431/article/details/79538954

Spring Boot获取前端页面参数的几种方式总结

https://blog.youkuaiyun.com/weixin_30532987/article/details/99651976?

utm_medium=distribute.pc_relevant.none-task-blog-searchFromBaidu-1.control&depth_1-utm_source

=distribute.pc_relevant.none-task-blog-searchFromBaidu-1.control

[springboot+thymeleaf ] 前台js读取后台传值

https://blog.youkuaiyun.com/btboyhappy/article/details/79651355

js实现input的赋值

https://blog.youkuaiyun.com/wilson_m/article/details/79510017

springBoot + layui 前端获取后台map值

https://blog.youkuaiyun.com/qq_37515544/article/details/90215849

layui form 表单获取radio选中的值

https://www.cnblogs.com/sirdong/p/11757218.html

js，ajax与springboot之间的两种传参方式

https://blog.youkuaiyun.com/weixin_38727999/article/details/90374239