技術標籤：javaEE後端開發

最近的專案要求前後端都自己來寫，於是回憶一下前後端原生互動知識點！

例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.csdn.net/weixin_44690195/article/details/108724520

spring boot中使用AJAX請求，並將回撥函式賦值給input輸入框

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

springboot傳值到網頁取值方式

https://blog.csdn.net/u010820431/article/details/79538954

Spring Boot獲取前端頁面引數的幾種方式總結

https://blog.csdn.net/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.csdn.net/btboyhappy/article/details/79651355

js實現input的賦值

https://blog.csdn.net/wilson_m/article/details/79510017

springBoot + layui 前端獲取後臺map值

https://blog.csdn.net/qq_37515544/article/details/90215849

layui form 表單獲取radio選中的值

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

js，ajax與springboot之間的兩種傳參方式

https://blog.csdn.net/weixin_38727999/article/details/90374239