从HTML按钮访问Javascript对象
您好,我正在尝试解决如何在单击按钮时激发JavaScript对象方法。JavaScript的一部分如下所示:从HTML按钮访问Javascript对象,javascript,html,Javascript,Html,您好,我正在尝试解决如何在单击按钮时激发JavaScript对象方法。JavaScript的一部分如下所示: function TaxiShare() { this.register = function () { var username = get_name_value('name', 'user1'); $.post('http://website/users', { USERNAME: username }, function (data) {
function TaxiShare() {
this.register = function () {
var username = get_name_value('name', 'user1');
$.post('http://website/users', {
USERNAME: username
}, function (data) {
var obj = $.parseJSON(data);
if (obj.status == "fail") {
alert('User ' + username + ' is already registered.');
} else {
alert('User ' + username + ' has been successfully registered.');
}
}
);
};
}
我习惯于使用如下HTML:
<input type="button" value="Register" onClick="nameOfFunction">
我无法解决的是,在onClick中放入什么来使函数this.register=function()启动
有人能提供帮助吗?您必须实例化该类并使用该对象
function TaxiShare() {
this.register = function () {
var username = get_name_value('name', 'user1');
$.post('http://website/users', {
USERNAME: username
}, function (data) {
var obj = $.parseJSON(data);
if (obj.status == "fail") {
alert('User ' + username + ' is already registered.');
} else {
alert('User ' + username + ' has been successfully registered.');
}
}
);
};
}
var taxiShare = new TaxiShare();
在HTML中
<input type="button" value="Register" onClick="taxiShare.register()">
您需要返回此值并分配使taxiShare实例成为全局实例-下面是一个示例-
功能共享(){
this.register=函数(){
$.get('https://jsonplaceholder.typicode.com/posts/1')
.then(函数(数据){
控制台日志(数据);
//警报(数据);
});
}
归还这个;
}
出租车共享=新出租车共享();
我不知道如何编写代码,也不知道如何使用。那么如何初始化TaxiShare?@espascarello TaxiShare就是用这个来初始化的。TaxiShare=new TaxiShare();在HTMLTaxyShare
!=<代码>出租车共享美景;)更新!
<input type="button" value="Register" onClick="taxiShare.register();">
function TaxiShare() {
this.register = function () {
$.get('https://jsonplaceholder.typicode.com/posts/1')
.then(function (data) {
console.log(data);
//alert(data);
});
}
return this;
}
taxiShare = new TaxiShare();