0

我有这段代码，当我把它放在同一个文件中时它可以工作，但我必须将 html 与 javascript 分开，现在我的问题是函数如何知道 #r 以便将数据放入其中？

 <button id="charger">GET Data</button>
    <div id="r">Click</div>

<script src="jquery.js"></script>
<script>
  $(function() {
    $('#charger').click(function() {
        $.getJSON('url', function(donnees) {
        $('#r').html('<p><b>Name</b> : ' + donnees.name + '</p>');
        $('#r').append('<p><b>Message</b> : ' + donnees.msg + '</p>');
        $('#r').append('<p><b>id</b> : ' + donnees.Type + '</p>');
      });
    });  
  });
</script>

到目前为止我的修改是：page.html: ...

<p class ="submit"><input  type="submit" id="charger" value="OK" onclick="test();"></p>
    <div id="r">Your data : </div>

和js文件：

function test() {
    $('#charger').click(function() {
       $.getJSON('url', function(donnees) {
            $('#r').html('<p><b>Name</b> : ' + donnees.name + '</p>');
            $('#r').append('<p><b>Message</b> : ' + donnees.msg + '</p>');
            $('#r').append('<p><b>id</b> : ' + donnees.Type + '</p>');
      });
    });  
  }

在控制台中，该功能有效，但没有向我显示数据..

4

1 回答 1

1

test这是因为您的函数唯一要做的就是向输入click事件添加事件侦听#charger器。只需按原样获取您的初始代码并将其放入单独的 js 文件中，这应该可以解决问题。此外，请确保 jQuery 脚本在您的其他脚本之前加载。

于 2013-08-27T02:14:15.317 回答