php返回的隐藏字段设置正确但使用jquery获取值时“未定义”

Question

我有一个 javascript 文件将数据发布到 php 文件，这些文件假设从 mysql 数据库中获取数据，然后用指定的数据填充字段。当我调用 php 函数来存储数据库中字段的名称时，它会返回一个隐藏字段，其中包含表中存储的字段数量作为隐藏字段的值：

$i = 0;
$field_names = [];    

while($i < mysql_num_fields($request)){
    $field = mysql_fetch_field($request, $i);
    $field_names[] = $field->name;

    if(!$field){
        die('something is wrong with the field var');
    };

    echo('<div class="fields" id="field_' . $i . '">' . $field->name . '<br /></div>');
        $i++;
};

    echo('<input type="hidden" value="' . $_POST['postselecttbl'] . '" id="hidden_tbl" />' .
         '<input type="hidden" value="' . count($field_names) . '" id="num_fields" />');

    $_SESSION['field_names'] = $field_names;

似乎一切正常。隐藏字段“#num_fields”设置有多少字段。但是当我用 jquery 得到 '#num_fields' 的 val() 时，它会返回 undefined 直到你再次运行该函数，然后它具有上次运行时的值。

$.post('php/get_flds.php', {postdbhost: dbhost, postdbuser: dbuser, postdbpass: dbpass, postselectdb: selectdb, postselecttbl: selecttbl},
    function(d){
        $('#display_out').html(d);
    }
);

var num_flds = $('#num_fields').val();

alert('about to pop ' + num_flds);

for(var i = 0; i < num_flds; i++){
    alert('populating ' + i);
    pop_fld(i);
};

隐藏输入是否设置不正确？我的意思是，它在 html 代码中显示为已设置，但 jquery 不合作。

Answer 1

这个隐藏字段是从 ajax 请求中调用的吗？如果是这样，请尝试以下操作：

$.post('php/get_flds.php', {postdbhost: dbhost, postdbuser: dbuser, postdbpass: dbpass, postselectdb: selectdb, postselecttbl: selecttbl},
    function(d){
        $('#display_out').html(d);
        var num_flds = $('#num_fields').val();

        alert('about to pop ' + num_flds);

        for(var i = 0; i < num_flds; i++){
             alert('populating ' + i);
             pop_fld(i);
        };
    }
);

否则 jquery 还不知道该值，因为该 DOM 尚未在文档中。

Answer 2

我认为 Post 是一个异步调用。 var num_fields 是在发布请求结束之前设置的，您应该在发布完成后更新它的值。 尝试类似：

var num_flds = $('#num_fields').val();
$.post('php/get_flds.php', {postdbhost: dbhost, postdbuser: dbuser, postdbpass: dbpass, postselectdb: selectdb, postselecttbl: selecttbl},
    function(d){
        $('#display_out').html(d);
        num_fields = $('#num_fields').val();
    }
);



alert('about to pop ' + num_flds);

for(var i = 0; i < num_flds; i++){
    alert('populating ' + i);
    pop_fld(i);
};