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

发布于 2024-10-08 18:30:15 字数 405 浏览 3 评论 0原文

我希望以下脚本作为按钮 click()

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

所有客户端代码的结果执行； html & JavaScript。我在按钮单击上调用 javascript 函数，并尝试使用 document.write() 写出上述内容，但我无法执行脚本。

或者，也许代码正在执行，但它没有到达回调=处理程序。

我几乎完成了所有服务器端编码（asp.net），并且我对 javascript/客户端的事情有点迷失。

原文

I'd like the following script to execute as the result of a button click()

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

All client side code; html & javascript. I'm calling a javascript function on the button click and tried using document.write() to write out the above, but I can't get the script to execute.

Or, maybe the code is executing, but its not reaching the callback=handler.

I do almost all server side coding (asp.net) and I'm a little lost in the javascript/client side of things.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

蓝色星空 2024-10-15 18:30:15

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>

The handler should be the name of a client-side function that will receive the data. You should also add a click event handler to the button and use AJAX to retrieve the results. Here's how you would do it using jQuery (which I recommend). Note using jQuery you can pass the name of the handler as ? and it will construct a handler for you using the anonymous function you supply.

<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>

回复收藏 0 原文

卷耳 2024-10-15 18:30:15

这个怎么样？

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);
   };
};

How about this?

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);
   };
};

回复收藏 0 原文

~没有更多了~