要顯示有關ajax錯誤的錯誤消息：function（）

Question

如果錯誤部分在我的ajax中被觸發，我想在定向頁面中顯示錯誤消息，但是當轉到該定向頁面時，如果刷新此頁面則顯示錯誤消息，它不顯示錯誤消息。以下是我的代碼。

的index.html

<form method="post" name="myForm" action="tracking.php">
                        <input type="text" name="number" id="number" placeholder="Enter LR Number" required>
                        <input type="submit" name="submit" value="Go">    
                    </form>

tracking.php

<script>
        $(document).ready(function () {
            var from = "";
            $('#loadings').show();
            $.ajax({
                type: "GET",
                url: 'http://apis.abc.abc/api/Get_Loadsheet_Details/<?php echo $number; ?>',
                dataType: 'json',
                success: function (response) {
                    $('#loadings').hide();
                    console.log(response);
                    document.getElementById('lrid').innerHTML = "LR NO: " + response[0].LRSUFIX + response[0].LR_NO;
                    document.getElementById('consign').innerHTML = response[0].COMPANY_NAME;
                    document.getElementById('from').innerHTML = response[0].LOADFROMMST;
                    document.getElementById('dest').innerHTML = response[0].DESTINATION;
                    document.getElementById('case').innerHTML = response[0].NO_OF_PKT;
                    document.getElementById('lrsta').innerHTML = response[0].LR_STATUS;
                    document.getElementById('lr').innerHTML = response[0].lrLoadStatus;
                    document.getElementById('vecno').innerHTML = response[0].VEHICLE_NO;
                    document.getElementById('lrstatus').innerHTML = response[0].LOADIG_STATUS;
                    document.getElementById('ldate').innerHTML = response[0].DATE;
                }, error: function (errors) {
                    console.log(errors);//alert('hi');                      
                    $('#loadings').hide();
                    $('#error').html("<h2><span style='color:red;'>No data found on this LR No.</span></h2>");                        
                }
            });
        });
    </script>
    <section>
        <div id="error"></div>
        <div class="loader-div" style="position:relative;" ><img id="loadings" src="images/loading2.gif" style="  left: 40%;
                                      position: absolute;
                                      top:250px;
                                      z-index:1111;"></div>
        <div class="container" >            

            <div class="body_left" id="container">                   
                <h1 class="heading_3">Tracking Details</h1>
                <table width="100%" class="track">
                    <tr>
                        <th >Order Information</th>
                        <th id="lrid"></th>
                    </tr>
                    <tr>
                        <td>Consignee</td>
                        <td id="consign"> </td>
                    </tr>
                    <tr>
                        <td>From</td>
                        <td id="from"></td>
                    </tr>
                    <tr>
                        <td>Destination</td>
                        <td id="dest">  </td>
                    </tr>
                    <tr>
                        <td>Cases</td>
                        <td id="case"> </td>
                    </tr>
                    <tr>
                        <td>LR  Status</td>
                        <td id="lrsta"></td>
                    </tr>
                    <tr>
                        <td>LR</td>
                        <td id="lr"></td>
                    </tr>
                </table>
                <br>
                <br>
                <table width="100%" class="track">
                    <tr>
                        <th colspan="2">Load Information</th>
                    </tr>
                    <tr>
                        <td>VEHICLE NUMBER:      </td>
                        <td id="vecno"></td>
                    </tr>
                    <tr>
                        <td>LOAD STATUS </td>
                        <td id="lrstatus"> </td>
                    </tr>
                    <tr>
                        <td>LOAD  DATE:</td>
                        <td id="ldate"> </td>
                    </tr>
                </table>
            </div>
        </div>
    </section>

Answer 1

嘗試將您的腳本代碼放在HTML代碼的下面。 因為Jquery在加載html之前找不到選擇器“ #error”。 試一試。