Question

这是我的json文件（list.js）

{
    "loginid":"Wafiqa",
    "password":"123"
}

这是我的html文件（ajaxTest.html）

<!DOCTYPE html>
<html>
<head>
    <script src="js/jquery-1.7.1.min.js"></script>
    <script src="js/jquery-ui.js"></script>
</head>
<body>
    <p>Username:</p>
    <div id="uname"></div>
    <p>Password:</p>
    <div id="pword"></div>

    <script>
    $.ajax({
        type:"GET",
        datatype:"json",
        async:false,
        url:'ref/list.js',
        success:function(data){
            alert(data.loginid);
        },
        error:function(jqXHR,textStatus){
        errorHandling(textStatus);
        }

    });
    </script>
</body>

</html>

我想做的是。我想在div id="uname"和div id="pword"中显示json文件中的用户ID和密码。我怎么能这样做？

Answer 1

success:function(data){
    var jsonObj = JSON.parse(data);
    $('div#uname').text(jsonObj.loginid);
    $('div#pword').text(jsonObj.password);
},

Answer 2

对于所有初学者，以下是您的参考答案

用户名：

密码：

    <script>
    $.ajax({
        type:"GET",
        datatype:"json",
        async:false,
        url:'ref/list.json',
        success:function(data){
        alert("Welcome "+data.password+data.loginid);
        console.log(data.password);

    $('#uname').html(data.loginid);
    $('#pword').html(data.password);
}

    });
    </script>
</body>

</html>

使用AJAX调用从JSON显示数据

2 个答案: