单击按钮后使用参数激活javascript函数

单击按钮后使用参数激活javascript函数,javascript,html,function,button,Javascript,Html,Function,Button,函数变更形式(数据){ document.getElementById(“firstname”).value=data.firstname; document.getElementById(“lastname”).value=data.lastname; document.getElementById(“email”).value=data.emailAddress; }第一条建议不要使用内联javascript,这看起来很难看,很难维护,也没有那么灵活 我建议: 向按钮添加一个id,如“but

函数变更形式(数据){
document.getElementById(“firstname”).value=data.firstname;
document.getElementById(“lastname”).value=data.lastname;
document.getElementById(“email”).value=data.emailAddress;

}
第一条建议不要使用内联javascript,这看起来很难看,很难维护,也没有那么灵活

我建议:

向按钮添加一个id,如“buttonWithId”,然后编写以下javascript代码:

var myButton = document.getElementById("buttonWithId");
myButton.addEventListener("click", function() {
   // your code goes here....
});
这里有一些关于这方面的文件:

然后就可以使用`getData'的返回值了``

var getData = function() {
    return someData;
}
然后该调用看起来如下所示:

var someData = getData();
changeForms(someData);
将其放入前面定义的空函数中


注意:如果您的函数
getData
是异步的,则必须使用回调函数或承诺(我个人最喜欢的选择)。

不确定问题到底出在哪里。您是否关心是否已检索到数据(例如,通过ajax)?如果是这样的话,只需让ajax函数成功地创建“填充”按钮就可以了。“数据”来自哪里?在代码段中,我使用函数getData调用函数changeForms。但是我想用按钮调用函数changeForms,但是对于来自getdatas的数据,onclick监听器changeForms(getData(data))--当然,那么getData()将简单地将数据返回到changeForms函数……那么什么时候调用getData()呢?