Question

我已经创建了一个控制面板，网站管理员可以从中更改预订表单的内容（他可以更改选择的选项标签）。

要检索内容，一旦调用index.html（主页），文件getItinerary.js应使用options标签填充select。

getItinerary.js包含一个ajax调用，这里是代码：

getItinerari.js

$.ajax({
    type:"POST",
    url:"private/getItinerari.php"
}).done(function(itinerario_out){
    //console.log(itinerario_out);
    var route = JSON.parse(itinerario_out);
    for(var i in route){
        $('#basic').append('<option id="'+ route[i].it_id +'" value="'+route[i].it_id +'">'+ route[i].itinerario +'</option>');
    }

    $.ajax({
        type:"POST",
        url:"private/getSortable.php",
        dataType: 'json'
    }).done(function (list) {
        var sortedList = list;

        sortedList.forEach(function(id) {
            $("#" + id).appendTo("#basic")
        })
    })
});

我将这个JS文件包含在我的主页底部，如下所示

的index.html

<script type="text/javascript" src="js/getItinerari.js"></script>
        <script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui.js"></script>
        <!--[if IE]>
        <script type="text/javascript" src="js/placeholder_ie.js"></script>     
        <![endif]-->
        <script type="text/javascript" src="js/custom-form-elements.js"></script>

        <script type="text/javascript" src="js/jquery.selectbox-0.2.min.js"></script>
        <script type="text/javascript" src="js/jquery.blueberry.js"></script>
        <script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
        <script src="js/calculatePrice.js"></script>
        <!--<script src="js/routeprice.js"></script>-->

        <!-- Validate forms-->
        <script type="text/javascript" src="assets/validate.js"></script>
    </body>

问题是内容并不总是加载...如果我通过按ctrl + f5刷新页面大部分时间我可以查看内容...否则选择是空的...任何想法为什么？

来自ajax调用的内容并不总是加载

0 个答案: