我需要将 JSON 结果存储在某个变量中,然后我想在 html BODY 中使用该变量。
下面是我的代码,其中我在“测试”警报中没有收到任何信息。
<!DOCTYPE html>
<html>
<head>
<title>Hello jQuery</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
var msg;
$(document).ready(function () {
var msg1;
$.ajax({
url: "http://rest-service.guides.spring.io/greeting"
//var msg2;
}).then(function(data) {
json_list = data.id;
msg= data.id;
msg1= data.id;
var $temp = $('.class1').append(data.content);
//alert($temp);
//msg2= data.id;
/* $('.greeting-content').append(data.content); */
alert("Inside AJAX "+data.content);
$('#content').html(data.content);
//msg=$('#content').html();
//return msg;
// $('.greeting-id').append(data.id);*/
// alert(msg);
});
});
</script>
<div id="content"></div>
<div class="class1">
</div>
<script>
var test1=$('#content').contents();
alert("Test Result -- " +test1);
</script>
</body>
</html>
您能建议我如何实现这一目标吗?
我想将 JSON 值存储在 test1 变量中(以粗体显示)。
如果需要任何进一步的信息,请告诉我。
最佳答案
Ajax 不是时间旅行。
您的代码:
- 设置 document.ready 事件处理程序
- 获取
#content
的内容并将其放入变量中,然后发出警报。 - (响应就绪事件触发)发出 Ajax 请求,并在收到 HTTP 响应时设置事件处理程序
- (响应 HTTP 响应)更改
#content
的内容
到该阶段,分配变量的代码已经运行。警告该变量值的代码已经运行。
如果您想对该内容执行任何操作,请在成功处理程序内进行。
关于javascript - 如何在 Body 标签内使用 JSON 返回的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30099916/