Javascript JS:json的Ajax问题?
我有一个返回以下JSON内容的APIJavascript 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
{"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语句中
需要使用jqueryappend()
函数,该函数将向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
只需执行以下操作: