Javascript JS:json的Ajax问题?

Javascript JS:json的Ajax问题?,javascript,Javascript,我有一个返回以下JSON内容的API {"server_online":"0"} 我正在尝试根据0或1值更新div的内容,使其显示为“联机”或“脱机” $.ajax({ url: "http://api.dev.net/get/server/status", success: function(result) { $('#server-status').html(result); }, error: function(XMLHttpRequest

我有一个返回以下JSON内容的API

{"server_online":"0"}
我正在尝试根据0或1值更新div的内容,使其显示为“联机”或“脱机”

$.ajax({
    url: "http://api.dev.net/get/server/status",
    success: function(result) {
        $('#server-status').html(result);
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
        alert("Status: " + textStatus); alert("Error: " + errorThrown); 
    }       
});

我的问题是,div的内容更新为空字符串?

您需要访问对象的属性:

$('#server-status').html(result.server_online ? "Online" : "Offline");
$('#server-status').html(result.server_online ? "Online" : "Offline");

您还应该在
$.ajax
选项中使用
数据类型:“json”
,以确保它被解析为json。

在ajax
成功
中,您需要使用
结果
对象,然后添加
if语句
。在
if语句中
需要使用jquery
append()
函数,该函数将向
div#服务器状态

success: function(result) {
    if(result.server_online == 0){
            $('#server-status').append("<span>Offline</span>");
        }

    if(result.server_online == 1){
            $('#server-status').append("<span>online</span>");
     }
},
成功:函数(结果){
如果(result.server_online==0){
$(“#服务器状态”).append(“脱机”);
}
if(result.server_online==1){
$(“#服务器状态”)。追加(“联机”);
}
},

这是因为您没有访问对象属性
服务器\u online

只需执行以下操作: