JavaScript/jQuery中id:右侧未显示NumberAttribute

Question

这个问题分为两个部分：

A部分：

当我运行下面的代码时，“numberVariable”在javascript中显示为文本“numberVariable”，而不是实际值1。如何使它显示为id右侧的1:--我是否必须以某种方式传递它

此外，警报（数字变量）；在运行HTML时打印值1

这是我第一次尝试构建一个小部件，我对代码有一些不理解

当我在代码中硬编码一个id为“1”的值时，代码就工作了，但当id为：numberVariable时，代码就不工作了

B部分：

然后如何将numberVariable发送到Python文件中，而不影响已经工作的回调

"https://example.com/cgi-bin/data.py?callback=?";

谢谢你的帮助

以下是HTML代码：

<script 
src="https://example.com/widget/externalJSfileContainingTheCodeBelow.js" 
async></script><div id="widget" dataVar="1"></div>

下面是Javascript/jQuery代码

(function () {
  var jQuery;
  if (window.jQuery === undefined) {
    var script_tag = document.createElement('script');
    script_tag.setAttribute("type", "text/javascript");
    script_tag.setAttribute("src",
      "https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js");
    if (script_tag.readyState) {
      script_tag.onreadystatechange = function () {
        if (this.readyState == 'complete' || this.readyState == 'loaded') {
          scriptLoadHandler();
        }
      };
    } else {
      script_tag.onload = scriptLoadHandler;
    }
    (document.getElementsByTagName("head")[0] ||
      document.documentElement).appendChild(script_tag);
  } else {
    jQuery = window.jQuery;
    main();
  }

  function scriptLoadHandler() {
    jQuery = window.jQuery.noConflict(true);
    main();
  }

  function main() {
    jQuery(document).ready(function ($) {

      var element = document.getElementById('widget');
      var numberVariable = element.getAttribute('dataVar');
      alert(numberVariable);

      $.ajax({
        type: "GET",
        url: "https://example.com/widget/widget-updater.php",
        data: { id: numberVariable }
      });
      var css_link = $("<link>", {
        rel: "stylesheet",
        type: "text/css",
        href: "https://example.com/widget/widget.css"
      });
      css_link.appendTo('head');
      var jsonp_url = "https://example.com/cgi-bin/data.py?callback=?";
      $.getJSON(jsonp_url, function (data) {
        $('#widget').html(data.html);
      });
    });
  }
})();