2014-04-17 34 views
0

首先,請原諒我對我提供的任何不準確的信息的無知,我提供了一個對javascript,jquery和json很新的東西。使用回調函數來創建變量並在HTML元素中使用

無論如何,我有一個腳本,從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

如果你想找到一個元素並進行修改,jQuery使這一切變得簡單。而不是$(document.body).append通過它的id找到一個現有的元素,然後調用其上的text方法以用新的東西替換該元素內的文本。

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

非常感謝你,正是我想要的東西。以及如果對象是圖像文件位置的字符串會怎樣。我將如何把一個img標籤? – aazzaawwaazzaa

+0

請閱讀http://api.jquery.com/。 jQuery是非常有據可查的庫,您可以探索自己。但我會給你一個提示。您將需要使用[attr](http://api.jquery.com/attr/)函數來設置圖像的src屬性。祝你好運:) –

+0

夠公平的我正在探我的手臂!非常感謝!! :) – aazzaawwaazzaa

相關問題