jquery - 在spring中使用jquery表单发布到DB

Question

我正在使用 postgres 开发 spring API，我想在 jquery 中创建带有少量动画的表单，并且我想将表单数据提交到数据库表。有没有不使用 Spring 形式的方法？或者我可以将 jquery ajax 调用操作添加到 spring 表单中吗？

我的 jquery 页面可以与所有 ajax 自动填充一起正​​常工作，作为独立的。但我现在想与 spring 集成，以便当我提交表单时，数据会使用 hibernate 发布到数据库。

是否可以在spring中使用相同的jquery页面？有人可以建议一下吗？

    @RequestMapping(method = RequestMethod.GET)
public ModelAndView getVisitor() {

    return new ModelAndView("visitor", "command", new Visitor());
    // return "visitor";
}

@RequestMapping(method = RequestMethod.POST)
public String addVisitor(@ModelAttribute("visitor")Visitor visitor,
        ModelMap model) {
    System.out.println(visitor.getComment());
    String resp = visitorService.add(visitor);
    return resp;
}
}

我的 Controller 中有这个，一旦我提交表单，它就会尝试发布到 addVisitor 但访问者对象为空。

<form action="visitor" method="post" class="fancy-form">

        <div class="">
            <input type="text" maxlength="50" id="name" name="name" /><label
                for="name">Name: </label>
        </div>
        <fieldset name="address">
            <legend>Address</legend>
            <p class="instructions">Start by entering your zip code.</p>
            <div>
                <div>
                    <input type="text" name="street1" id="street1"><label
                        for="street1">Street #1</label>
                </div>
            </div>
            <div>
                <div>
                    <input type="text" name="street2" id="street2"> <label
                        for="street2">Street #2</label>
                </div>
            </div>
            <div>
                <div class="city-wrap">
                    <input type="text" name="city" id="city"> <label
                        for="city">City</label>
                </div>
                <div class="county-wrap">
                    <input type="text" name="county" id="county"> <label
                        for="county">County</label>
                </div>
                <div class="state-wrap">
                    <input type="text" name="state" id="state"> <label
                        for="state">State</label>
                </div>

                <div class="zip-wrap">
                    <input type="text" pattern="[0-9]*" maxlength="5" required
                        name="zip" id="zip"> <label for="zip">Zip</label>
                    <p class="zip-error">Not a real zip code.</p>

                </div>


            </div>

        </fieldset>
        <div>
            <input type="button" id="go" value="Find Me" />
        </div>

        <div class="">
            <label for="comment">Comment: </label>
            <textarea id="comment" name="comment" rows="4" cols="50"
                maxlength="2000">Enter comment here...</textarea>
        </div>
        <div>
            <input type="submit" value="Submit" />
        </div>
    </form>

Answer 1

您是否序列化您的表单数据？

$.ajax({type:'POST', url: 'post_action_url', data:$('#FormId').serialize(), success: function(response) { 
//response here
}});