javascript - 在jquery中设置item的值

Question

我有一段代码，单击按钮后将从文本框中获取值，通过外部数据库运行它，然后将结果返回给我。然后该结果将被放入另一个文本框中。

我的问题是，我的编码需要花费太长的时间(至少我认为这是问题所在)才能从外部数据库获取结果，并在文本框未准备好时设置文本框的值。

    <script type="text/javascript">
    // Declaring the variable.
    var mname = "";

    $('#btnMN').click(function() {
        //Pull data from name
        var name = $(this).closest('tr').find(':input[type="text"][name="name[]"]').val();
        //Run through database
        $.post('test1.php', { name: name}, function(data){
            mname = data;
        });
        //Set text box with return data
        $(this).closest('tr').find('.master').val(mname);
        mname = "";

    });

    </script>

我无法将“设置带有返回数据的文本框”部分放在另一个函数中，因为这样我将丢失“this”选择器，告诉它要设置哪个文本框，因为我有一个可以添加的动态表单/删除行。

    <tr id="input_11" style="margin-bottom:4px;" class="clonedInput">
        <td valign="top" align="right" style="padding-right: 10px;"><span style="color:#00CD00;"><BR>Victim:</span></td>
        <td valign="top">Name:<input type="text" name="name[]" size="35"/><input type="button" id="btnMN" value="Mastername Check" /></td>
        <td class="master">Mastername:<textarea readonly class="master" name="master[]" rows="8" cols="28"></textarea></td>
        <td>Statement:<textarea name="statement[]" rows="8" cols="28"  placeholder="Paste statement here."></textarea></td>
      </tr>

Answer 1

$.post() 是一个异步调用(即“ajax”中的“a”)。因此，它发送请求，但在等待响应时继续处理函数的其余部分。任何基于该响应的内容都必须放入回调中。

    $('#btnMN').click(function() {
        //Pull data from name
        var name = $(this).closest('tr').find(':input[type="text"][name="name[]"]').val();
        //Store element we want to update
        var master =  $(this).closest('tr').find('.master');
        //Run through database
        $.post('test1.php', { name: name}, function(data){
            master.val(data);
        });


    });