Question

我有这个代码，它在我把它放在同一个文件中时有效，但我必须将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>');
      });
    });  
  }

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

Answer 1

这是因为test函数唯一能做的就是在click输入的#charger事件中添加一个事件监听器。只需按原样编写初始代码并将其放在单独的js文件中即可。另外，确保jQuery脚本在之前加载。

加载json url参数代码（javascript修改）

1 个答案: