Question

我使用AJAX从数据库中通过JavaScript填充HTML页面上的数据调用它有时会正确填充，有时不会

HTML部分

<body>
    <div data-role="page" id="properties">
        <div data-role="content" class="hs-content">
            <div class="container_12">
                <div class="basic-info content-wrap">
                    <div class="skip-line"><h3>Select your weapon</h3></div>
                    <ul data-role="listview" data-inset="true" id="weaponList"></ul>
                </div>
            </div>
        </div>
    </div>
</body>

的JavaScript

getWeaponsList : function()
{
    var sUrl = "weapons.php";
    WS.request( sUrl,null,'POST', successHandlerUC, failureHandlerUC, false );
    function successHandlerUC( o )
    {
        $('#weaponList').empty();
        var li = '';
        var response = WS.getResponseXML( o );

        // Getting Weapons From DataBase
        var weapons = response.getElementsByTagName('weapon');
        //alert("Total Weapon : "+weapons.length);

        for (var i = 0; i < weapons.length; i++)
        {
            var weapon = weapons.item(i);

            var id = weapon.getElementsByTagName('id');
            id = $(id.item(0)).text();

            var name = weapon.getElementsByTagName('name');
            name = $(name.item(0)).text();

            li += '<li id="'+id+'";><a href="animal-data.html" onClick="HarvestData.saveWeapon('+id+',\''+name+'\')"><span><img title="swords" src="images/bow.png"></span>'+name+'</a></li>';

        }

        $('#weaponList').append(li);
        $('ul#weaponList').listview('refresh');
    }

    function failureHandlerUC( o )
    {

    }
}

有时候它显示html页面上的所有数据，但有时它没有在页面上显示任何数据，但是在这两种情况下数据都来自响应（通过在Firefox中使用FireBug和Web Developer PlugIn检查）

错误或其他问题是什么？在此先感谢

Answer 1

我认为您遇到的主要问题是由于导致错误的其他JavaScript代码（未在问题中发布），这导致了问题中讨论的问题。您发布的代码应该按原样运行（只要附加HTML）。

我相信这条线是罪魁祸首：

$("#gallerypopup a").photoSwipe(options);

这被调用，并且没有这样的函数photoSwipe()。这很可能导致OP看到的奇怪行为。

这里的底线是，您需要调试代码。如果您遇到的问题“无关”，请先修复该错误。然后看看你是否还有问题。

数据填充通过JS Ajax调用Issue

1 个答案: