以JavaScript變量值轉換成HTML5

-3

我可以用這個js代碼在Chrome控制檯顯示的服務器從JSON文件中讀取數據：以JavaScript變量值轉換成HTML5

function leer2(){ 
     var invite_url = "initval"; 
     $.getJSON("https://graph.facebook.com/btaylor",{format: "json"}).done( 
      function(person){ 
      invite_url = person.locale; 
      console.log(invite_url); 
     }); 
    };

，並調用這個由事件js函數

<button id="leer" onclick="leer2()">Leer BaseDat</button>

讓我來做兩個問題：首先，它是一種不安全的方式來閱讀我的json文件，就像我在做什麼？如何將* invite_url *值帶入/ body標籤並使用它？

來源

2013-07-08 JoeCoolman

你是什麼意思「進入/ body標籤」？ – bfavaretto

...以及「使用它」是什麼意思？（沒有違法OP，但我對upvotes有點驚訝。） – Pointy

同意。真的需要更好地瞭解你正在嘗試做什麼。你是否試圖將你的JSON中檢索到的值存儲在標記中的特定位置？如果是這樣，我們需要更好地瞭解其餘的標記以更好地爲您提供建議。 –

如果你想在你的HTML的身體使用person.locale值，你可以創建一個div或一個結構來保存返回值，並使用該ID，這樣的目標是：

function leer2(){ 
    var invite_url = "initval"; 
    $.getJSON("https://graph.facebook.com/btaylor",{format: "json"}).done( 
     function(person){ 
     invite_url = person.locale; 
     console.log(invite_url); 

     // inserts the returned value into the div 
     $("#invite_url_holder").text(invite_url); 
    }); 
}; 

<div id="invite_url_holder"></div>

來源

2013-07-08 17:14:32 jrthib

要直接添加到HTML使用JQuery文件，只需使用你的功能如下：

$(element_you_want_to_add_html_to).text(the_inner_text);

或

$(element_you_want_to_add_html_to).html(the_inner_text);

來源

2013-07-08 17:21:29 Jason

我正在測試.html選項（和它的工作！與graph.facebook），但現在從一個json文件複製[這裏]（http://www.w3schools.com/json/json_syntax.asp）和編碼與invite_url = person.employees [0]。 lastName但現在它不起作用。控制檯說_is不允許通過Access-Control-Allow-Origin_ – JoeCoolman

好！我已經創建了一個json格式的文本文件，並將其複製到我的Eclipse項目中的WebContent中，現在localhost中的預覽可以從json數組獲取特定值並動態顯示在頁面中。然後你可以上傳html文件到你的服務器，一切都會好的。謝謝你們。 – JoeCoolman

以JavaScript變量值轉換成HTML5

回答

相關問題