.html()不显示字段

时间:2018-12-04 08:06:44

标签: javascript jquery

我目前正在尝试使用.html()来显示居民ID,姓名和电话号码。但是,我的页面上没有任何内容。当我检查控制台是否有任何错误时,没有任何错误。 php没有错误,并且residentid在localstorage中。

html

<div role="main" class="ui-content" id="main-ui">
    <div id="txtresidentid"></div>
    <div id="txtresident_name"></div>
    <div id="txtresident_telephone_home"></div>
</div>

javascript

(function () {
    var residentid;
    var resident_name;
    var resident_telephone_home;

    $(document).ready(function () {
        getProfile();
    });

    function getProfile() {
        var url = serverURL() + "/getresidentprofile.php";

        var JSONObject = {
            "residentid": localStorage.getItem("residentid")
        };

        $.ajax({
            url: url,
            type: 'GET',
            data: JSONObject,
            dataType: 'json',
            contentType: "application/json; charset=utf-8",
            success: function (arr) {
                _getProfileResult(arr);
            },
            error: function () {
                validationMsg();
            }
        });
    }

    function _getProfileResult(arr) {
        residentid = arr[0].residentid;
        resident_name = arr[0].resident_name;
        resident_telephone_home = arr[0].resident_telephone_home;

        $("#txtresidentid").html("Residentid : " + residentid);
        $("#txtresident_name").html("Name: " + resident_name);
        $("#txtresident_telephone_home").html("Telephone(Home): " + resident_telephone_home);
    }
})();

1 个答案:

答案 0 :(得分:-2)

尝试一下:

$("#txtresidentid").append("Residentid : " + residentid);
$("#txtresident_name").append("Name: " + resident_name);
$("#txtresident_telephone_home").append("Telephone(Home): " + resident_telephone_home);