如何在jQuery .load加载HTML时传递变量控制表单禁用状态？

首先，你完全不需要用setTimeout——jQuery的.load()方法的回调函数本身就是在内容加载完成并插入到DOM之后才执行的，所以直接在回调里操作DOM是安全的，延迟操作完全多余。

针对你的需求，有两种常见的实现方式：

方式1：前端加载完成后直接禁用（无需后端配合） #

直接利用回调函数的时机，结合你的someBoolean变量，加载完成后立即禁用表单元素。注意：<table>本身没有disabled属性，你需要禁用的是表格内的表单控件（比如input、select等）：

$("#someWrapper").load('somefile.html', function() {
    if (someBoolean) {
        // 禁用表格内所有表单元素
        $(".someTable :input").prop("disabled", true);
    }
});

方式2：传递参数给后端，返回预禁用的表单 #

如果你希望后端直接返回已经禁用的表单（比如权限控制场景），可以通过URL参数传递状态：

前端代码 #

// 把禁用状态作为参数传递给后端
$("#someWrapper").load(`somefile.html?disabled=${someBoolean}`);

后端示例（以PHP为例） #

在somefile.html（若为动态文件可改为somefile.php）中，根据接收的参数渲染表单：

<?php
$isDisabled = isset($_GET['disabled']) && $_GET['disabled'] === 'true';
$disabledAttr = $isDisabled ? 'disabled' : '';
?>
<table class="someTable">
    <tr>
        <td><input type="text" <?php echo $disabledAttr; ?>></td>
        <td><select <?php echo $disabledAttr; ?>>
            <option>选项1</option>
        </select></td>
    </tr>
</table>

这样加载完成后，表单本身就是禁用状态，无需前端再做额外操作。

内容的提问来源于stack exchange，提问作者daveMac