使用回调函数创建变量并在html元素中使用

时间:2014-04-17 22:39:32

标签: javascript jquery html ajax json

首先请原谅我对我提供的任何不准确信息的无知,我是一个非常新的javascript,jquery和json。

无论如何,我有一个脚本从json文件中提取数据,并在javascript,jquery,ajax(我认为)和json的帮助下显示在网页中。

当我收到结果时会有一个回调:

function searchCallback(data) {
                $(document.body).append('<h1>' + data.title + '</h1>');  
            }

它就像这样工作得很好。但是我希望data.title(json对象)显示在我选择的html元素中而不必使用$(document.body),因为我的页面将无法正确显示,因为我在脚本之外有其他html元素。

据我所知(借口无知)用javascript我可以添加一个变量并按如下方式使用它:

var title = data.title;

在我的HTML中:

<span id="title"></span>

或者可能有更清洁的方式?

无论如何,我如何实现这一目标。谢谢你的帮助!!

1 个答案:

答案 0 :(得分:1)

如果你想找到一个元素并进行修改,jQuery使这很容易。而不是$(document.body).append通过它的id找到现有元素,然后在其上调用text方法,用新的东西替换该元素中的文本。

$('#title').text(data.title);