Question

我可以在chrome控制台中显示使用此js代码从服务器中的json文件读取的数据：

    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标签并使用它？

Answer 1

如果要在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>

Answer 2

要使用JQuery将HTML直接添加到文档中，只需在函数中使用以下内容：

$(element_you_want_to_add_html_to).text(the_inner_text);

或

$(element_you_want_to_add_html_to).html(the_inner_text);

将javascript变量值转换为html5

2 个答案: