jQuery设置输入字段值

Question

我有一个编辑用户的表单，我想将数据库中的用户数据插入表单的字段。我要做的是

链接

<a href="javascript:void(0)" onclick="editUser('/edit/${user.login}')">Edit</a>

脚本

function editUser(url) {
$( "#edit-form" ).dialog( "open" );
$.ajax({
        url: url,
        type: "POST",
        success: function (resp) {            
        $('input[name="elogin"]').val(resp.login);
        }
    })
}

表格

<div id="edit-form" title="Edit user">
<p class="validateTips">All form fields are required.</p>
<form:form>
    <fieldset>
        <label for="elogin">Login</label>
        <input type="text" name="elogin" id="elogin" class="text ui-widget-content ui-corner-all" />
    </fieldset>
</form:form>
</div>

我的 Spring 控制器返回以下内容（在包装器中我有字段 login）

@RequestMapping(value="/edit/{userLogin}", method=RequestMethod.POST)
@ResponseBody
public Wrapper edit(@PathVariable String userLogin) {
    return wrapper.wrap(userService.findByLogin(userLogin));
}

但是表格是空的。我也尝试设置手动值，但仍然没有用。请帮我设置输入字段值。

Answer 1

您应该将表单数据与您的发布请求一起发送。

$.ajax({
    url: url,
    type: "POST",
    data:$('form').serialize(),
    success: function (resp) {            
    $('input[name="elogin"]').val(resp.login);
    }
})

Answer 2

function editUser(url) {
$( "#edit-form" ).dialog( "open" );
$.ajax({
        url: url,
        type: "POST",
        success: function (resp) {            
        $('#elogin').val(resp.login);
        }
    })
}

应该可以正常工作，因为您已经为输入设置了 ID。

Answer 3

不太确定您的顺序是否正确，您肯定会先进行 ajax 调用然后打开 jQuery 对话框吗？

无论哪种方式，您都可以按如下方式向对话框中提供数据；

//call ajax method to get value you want to show.
var somevariable = etc.....
var dto = {
    loginName: somevariable
}
$( "#edit-form" ).data('params', dto).dialog( 'open' );

然后在你的对话框中使用 open() 方法。

$("#edit-form").dialog({
    bgiframe: true,
    autoOpen: false,
    height: 280,
    width: 320,
    draggable: false,
    resizable: false,
    modal: true,
    open: function () {
        //so values set in dialog remain available in postback form
        $(this).parent().appendTo("form");

        //get any data params that may have been supplied.
        if ($(this).data('params') !== undefined) {
            //stuff your data into the field
            $("#elogin").val($(this).data('params').loginName);
        }
    }
});