我正在创建一个用于提交投票之类的 Web 应用程序。我开发了一些小部件代码,当<div class = "desiredClass">
存在 a 时,会通过ajax
请求从数据库中获取民意调查并将其放入 html 中,用户可以对民意调查进行投票。
所以对于我作为脚本嵌入到 html 中的 widget.js 文件:
$(document).ready(function () {
if ($('.loadPoll')[0]) {
var name = $('.loadPoll').data("pollname");
var IP_Address = '-1';
$.ajax({
url: 'http://url.com:3000/loadPoll',
dataType: 'jsonp',
data: {
pollName: name
},
success: function (data) {
poll = data.poll;
$(".loadPoll").html(data.html);
$(document).on('click', '#SubmitVote', function () {
var selectedValue;
var radios = document.getElementsByTagName('input');
for (var i = 0; i < radios.length; i++) {
if (radios[i].type === 'radio' && radios[i].checked) {
selectedValue = radios[i].value;
}
}
console.log(selectedValue);
$.getJSON("http://jsonip.appspot.com?callback=?", function (data) {
var IP_Address = data.ip;
$.ajax({
url: 'http://url.com:3000/submitVote',
dataType: 'jsonp',
data: {
pollName: poll.pollName,
voterID: IP_Address,
vote: selectedValue
},
success: callback("Vote successful")
});
});
});
}
});
})
这基本上向服务器发送请求,返回 html,然后,当#SubmitVote
单击单选按钮的值作为投票发送到服务器。
我希望能够“允许 javascript 事件回调”。伪代码示例:
Poll.onSubmit(function() {
console.log('hello world');
});
如何做到这一点?