Question

我有一个javascript文件，其中包含带参数x的ajax函数。我无法透露函数。我想在页面加载和单击按钮上调用该函数。此函数还有一个for循环用于显示变量10次，即， for(i=0;i<10;i++)。

该按钮的代码是：

HTML文件

<html>
 <title>Call web service</title>
  <head>
   <script type="text/Javascript" src="jquery-1.9.1.js"></script>
     <script type = "text/javascript" src="ajax.js"></script>
     <script type="text/javascript">

     window.onload=function()
     {
       Webservice(1)('onload');    //call 1 where webservice is ajax function 

      }


    </script>     
   </head>
 <body>
   <input id="button"  type = "button" name = "button" value = "Call Webservice" onClick = "Webservice(5)"/>
 </body>

</html>

现在我得到的是当我点击按钮时onload函数被覆盖，而我希望同时显示两个函数的输出所以请帮助我。

提前致谢。

Answer 1

尝试这样做：

function f1() {
    //what you need to do
}
function f2() {
    //Do the same thing here also
}

这是你的JS，在onload中，拨打f1()并点击按钮f2()。如果您希望在f1()之前执行f2()，我建议您在此处查看锁定：

How to implement a lock in JavaScript

Answer 2

您的javaScript代码应该是这样的：

var fn = function fn(x) {
  // Do something
}

$(function() {
  var someValue;

  // someValue = ...

  // Call function once document is loaded
  fn(someValue);
  // Bind function as a callback to button click
  $('#button').on('click', function(event) {
    fn(someValue);
  });
});

在页面加载和单击按钮上调用ajax函数

2 个答案: