允许javascript事件回调的小部件代码

Widget code that allows for javascript event callbacks

本文关键字：小部 代码 回调 javascript 事件 允许      更新时间：2023-09-26

我正在创建一个提交民意调查和什么的web应用程序。我开发了一些小部件代码，当<div class = "desiredClass">存在时，通过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');
    });

怎么做呢?

要使用点符号，就像您在那里一样，您需要一个在javascript中称为Poll的函数。

function Poll()
{
    var self = this;
    //various things poll's do
    self.onSubmit = function(callback)
    {
        //Submit Code
        if (callback && typeof(callback) === "function") {  
              callback();  
       }  
    }

}

然后在某处创建一个新的Poll对象。

var poll = new Poll();

然后你可以调用onSubmit并传递一个回调。

poll.onSubmit(function() {
        console.log('hello world');
    });
相关文章：