在输入字段中插入Ajax结果

Question

我有这段代码：

$('body').on("click", '.saveimage', function () {     
    $.ajax({
        type: "post",
        url: "save.php",
        data: foo.crop(570, 765, 'png')
    }).done(function(data) {                
       $('#ajaxDiv').html(data);
    });
});

当我从save.php得到结果时，我需要在隐藏的输入字段中以其他形式插入

例如：

<div class="ajaxDiv">
    <form method="post">
        <input type="hidden" value="result from ajax">
        <input type="submit" value="ok">
    </form>
</div

有没有办法实现这个目标？

Answer 1

首先，您应该为隐藏的输入提供一个ID，以便您可以选择它：

<input type="hidden" value="" id="result">

然后您可以使用val()方法将其值设置为AJAX响应：

.done(function(data) {
   $('#result').val(data);
});