Question

我有一个函数newCount，我在Ajax上运行成功并且工作正常，但是，我想在每次重新加载窗口时也运行相同的函数但由于某种原因我无法调用newCount();

的功能

我的代码：

.ajax的

$( document ).ajaxComplete(function() {
    newCount();
});

的.js

function newCount() {

    var sum = 0;
    $('.myclass').each(function() {
        sum += parseFloat($(this).text());
    });
    // update count in html
    $('#myid').html(sum);

}; // end count function

newCount(); // ajax not working when this in place

当我在函数之后添加newCount();时，它将在页面加载时正确运行，但是ajax将不再起作用，反之亦然。

我错过了什么？如何在每次加载页面时从ajax成功调用相同的函数？

Answer 1

嘿，我已经创建了这个Plunker来向您展示如何调用这些函数。这是Javascript代码。

<script>
    (function(){
      function newCount(msg) {
        alert("message from: " + msg);
      }; // end count function
      debugger;
      newCount("Page load");
      $.get( "data.json", function( data ) {
        alert( "Load was performed." );
      });

      $(document).ajaxComplete(function() {
        newCount("ajax complete");
      });
    })();

编辑1 我已经更改了Plunker，因此您可以看到它也适用于$.ajax成功属性。

  $.ajax({
    url: "data.json",
    data: "",
    success: function() {
      newCount("ajax complete");
    }
  });

在Ajax上运行JS函数成功＆amp;在页面加载

1 个答案: