Question

我在document.onready中有一个函数，它会触发ajax请求并在我的页面上设置隐藏输入的值。我有这样的设置，因为每个页面都需要我想要的东西，所以它不是我可以用我的控制器返回的值。

接下来，我有一个setInterval，每隔10秒检查一次这个隐藏输入的值，发出ajax请求以查看值是否已更改，如果是，则使用Toastr在屏幕上显示一条消息（但是它可能是一个警报或其他什么。）

问题是它在第一次设置隐藏输入的值时显示消息，我认为这是因为这是一个ajax请求，并且在调用setinterval时，值尚未提供，因此它首次将其视为0，然后将其视为应该具有的任何值，并将其作为更改。

有解决方法吗？代码如下：

    $(document).ready(function(){

        getStartingMissedJobs(); // Sets the value of the hidden input
        var startingMissedJobs = $('#missedJobs').val(); // store that value in a variable

        setInterval(function () {
// here i set the variable to the new value, if it 's changed or keep it..see below
            startingMissedJobs = checkIfNewExpiredJobs(startingMissedJobs);
        }, 10000);
    });

功能：

    var getStartingMissedJobs = function() {
        var localUrl = 'http://mylink.com';

        $.ajax({
            type: "POST",
            url: localUrl + "/actionurl",
            data: {},
            success: function(response) {
                var parsedResponse = JSON.parse(response);
                $('#missedJobs').val(parsedResponse[0]);
             },
             error: function(response){
                console.log(response);
                },
            dataType: 'html',
         });
    };
    var checkIfNewExpiredJobs = function(startingMissedJobs) {
        getExpiredJobs();
        var missedJobs = $('#missedJobs').val();
        if (missedJobs > startingMissedJobs) {
            missedJob();
            return missedJobs;
        }
        return startingMissedJobs;
    };

    $(function() {
        $('.nav-user li').hover(function(){
              $(this).addClass("open");
    }, function(){
        $(this).removeClass("open");
        });
    });
});

    var getExpiredJobs = function() {
        var serverUrl = 'http://contractor.hvac4.us/';
        var localUrl = 'http://fcarranza.contractor.sfdev01.com/';
        var missedJobs; 

        $.ajax({
            type: "POST",
            url: localUrl + "dispatch/newmissed",
            data: {},
            success: function(response) {
                var parsedResponse = JSON.parse(response);
                missedJobs = parsedResponse[0];
                $('#missedJobs').val(missedJobs);
             },
             error: function(response){
                console.log(response);
            },
            dataType: 'html',
         });
        return missedJobs;
    };

谢谢，

FER

Answer 1

您的函数getStartingMissedJobs以异步方式检索并设置missedJobs输入的值到其余代码。这意味着这一行：

var startingMissedJobs = $('#missedJobs').val();

将在请求正在进行时进行评估，因此不太可能获得正确的值。

解决此问题的一种方法是将getStartingMissedJobs传递给应该在请求完成时调用的回调函数。

然后可以使用该函数为已经获得的初始值创建后续检查的间隔。

例如：

$(document).ready(function(){
    getStartingMissedJobs(function() {
        var startingMissedJobs = $('#missedJobs').val();
        setInterval(function () {
            startingMissedJobs = checkIfNewExpiredJobs(startingMissedJobs);
        }, 10000);
    });
});


var getStartingMissedJobs = function(callback) {
    ....
    ....
    $.ajax({
        ....
        success: function(response) {
            var parsedResponse = JSON.parse(response);
            $('#missedJobs').val(parsedResponse[0]);
            callback();
         },
         error: function(response){
            console.log(response);
            callback();
         },
         ....

来自ajax请求的值不可用

1 个答案: