表單html代碼

<div id="panel" data-options="region:‘center‘,title:‘center title‘" style="padding:5px;background:#eee;">
            <div id="p" class="easyui-panel" title="My Panel" style="width:500px;height:150px;padding:10px;background:#fafafa;" data-options="iconCls:‘icon-save‘,closable:true,    
                collapsible:true,minimizable:true,maximizable:true"
 
>
                <form id="ff" method="post">
                    <div>
                        <label for="name">用戶名:</label>
                        <input class="easyui-textbox" id="userName" name="userName">
                    </div>
                    <
 
div>
                        <label for="password">密碼:</label>
                        <input class="easyui-textbox" id="password" name="password">
                    </div>
                    <div>
                        <label for="cellphone">電話:</label>
 

                        <input class="easyui-textbox" id="cellphone" name="cellPhone">
                    </div>
                    <a id="save" href="#" class="easyui-linkbutton" data-options="iconCls:‘icon-save‘">save</a>
                </form>
            </div>

        </div>

$("#save").click(function() {
         $(‘#ff‘).form(‘submit‘, {
               url: "/save",
               onSubmit: function() {
               　　if(userName!=null&&password!=null&&cellPhone!=null){
                     return true;//這裏做校驗
               　　}
　　　　　　　　　　　alert("輸入內容不能為空");
                   return false;
               },
               success: function(data) {
                      alert(data)
               }
         });
})

　　@RequestMapping("/save")
    public String saveUsers(@ModelAttribute Users users) {
        System.out.println(users.getUserName()+users.getPassword()+users.getCellPhone());
        return "保存成功";
    }

註意事項：針對用$("#ff").form(‘submit‘,{});方式提交

1.from標簽下的inupt 要帶name屬性,name屬性的值要對應到後端的實體字段,不要有偏差

2.控制層要用@ModelAttribute來接收，使用 @RequestBody 註解接收表單提交的參數拋出異常。

@RequestBody 註解常用來處理 content-type 是 application/json 編碼的內容，而不能用來處理 application/x-www-form-urlcoded 編碼的內容。

參考：https://blog.csdn.net/SmileorSilence/article/details/82996105

順帶學一下@ModelAttribute

鏈接：https://blog.csdn.net/lovesomnus/article/details/78873089
https://www.cnblogs.com/liaochong/p/spring_modelattribute.html

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

$("#ff").form("load","/url");

$("#load").click(function(){
    $("#ff").form(‘load‘,‘/load‘);
});

    @RequestMapping("/load")
    public String load() {
        Users user = new Users();
        user.setUserName("zhangsan");
        user.setPassword("abcdefg");
        user.setCellPhone("95559");
        return JSONObject.toJSONString(user);
    }

真好用...hahaha...

EasyUI 提交表單