Question

我希望以下脚本执行作为按钮click（）

的结果

<script src="https://www.googleapis.com/buzz/v1/activities/search?callback=handler&alt=json&q=ruby&max-results=100"></script>

所有客户端代码; html＆amp; JavaScript的。我在按钮单击时调用了一个javascript函数，并尝试使用document.write（）来写出上面的内容，但我无法让脚本执行。

或许，代码正在执行，但它没有到达callback = handler。

我几乎所有服务器端编码（asp.net），我在javascript /客户端方面有点迷失。

Answer 1

这个怎么样？

window.onload = function() {
   var btn = document.getElementById('id_of_your_button');
   btn.onclick = function() {
      var scr = document.createElement('script');
      scr.src = "https://www.googleapis.com/buzz/v1/activities/search?callback=handler&alt=json&q=ruby&max-results=100";
      document.getElementsByTagName('head')[0].appendChild(scr);
   };
};

Answer 2

handler应该是将接收数据的客户端函数的名称。您还应该向按钮添加单击事件处理程序，并使用AJAX检索结果。以下是使用jQuery（我推荐）的方法。注意使用jQuery，您可以将处理程序的名称作为?传递，它将使用您提供的匿名函数为您构建处理程序。

<script type="text/javascript">
   $(function() { // execute on document ready
       $('#ButtonID').click( function() { // add the click event handler to button
          $.getJSON( 'https://www.googleapis.com/buzz/v1/activities/search?callback=?&alt=json&q=ruby&max-results=100', function(result) {
                // do something with the result
          });
       });
   });
</script>

如何通过单击按钮调用此脚本

2 个答案: