javascript - jQuery 请求加载页面，然后出现 404 错误代码

Question

我的网站上有此代码。它会加载目标页面约 1 秒，然后重新加载 div，并显示 404 错误代码。目标页面上没有 jQuery 请求。

<select name="Press_Type" id="Press_Type">
    <option value=0></option>
    <option value=0>Offset Press</option>
    <option value=1>Digital Press</option>
</select>

<br>
<br>

<div id="Press_Form_Devices_List">

</div>

</form>

<script type="text/javascript">
    jQuery("#Press_Type").change(function() {

        var Press_Type_Value = jQuery("#Press_Type").val();

        jQuery("#Press_Form_Devices_List").load(Press_Type_Value);

        if (Press_Type_Value == "1") {
            jQuery("#Press_Form_Devices_List").load("add_digital.php");
        } else {
            if (Press_Type_Value == "0") {
                jQuery("#Press_Form_Devices_List").load("add_offset.php");
            }
        }

    })
</script>

Answer 1

我认为发生的情况是您调用jQuery("#Press_Form_Devices_List").load(Press_Type_Value);将“0”或“1”加载到 div 中，导致找不到 404。

然后加载有效的“add_offset.php”或“add_digital.php”。

但是，“add_offset.php”首先完成加载，然后“0”或“1”抛出 404 错误。这就是为什么您会在 404 之前看到一秒的延迟。

试试这个代码:

<select name="Press_Type" id="Press_Type">
    <option value=0></option>
    <option value=0>Offset Press</option>
    <option value=1>Digital Press</option>
</select>

<br><br>    

<div id="Press_Form_Devices_List">

</div>

<script type="text/javascript">

jQuery("#Press_Type").change( function() {

    var Press_Type_Value=jQuery("#Press_Type").val();

    if (Press_Type_Value=="1"){
        jQuery("#Press_Form_Devices_List").load("add_digital.php");
    } else if (Press_Type_Value=="0"){
        jQuery("#Press_Form_Devices_List").load("add_offset.php");
    }

})

</script>