小编典典

jQuery ajax async'true'使我的网络应用卡住,直到返回数据

ajax

我正在开发基于PHP的Web应用程序(我没有构建)。

我正在运行此ajax请求:

$.ajax({
    type: 'POST',
    url: "/potato/ajax.php?module=test_module",
    dataType: 'json',
    async: true,
    data: {
            start_ts: that.start_date,
            stop_ts: that.end_date, 
            submitted: true
    },
    beforeSend: function() {
        console.log('Start: ' + new Date().toLocaleString());
        // Show Chart Loading 
        that.qwChart.showLoading({ 
            color: '#00b0f0', 
            // text: that.returnNumWithPrecent(that.progress)
            text: that.qwChartProgress
        });

        // If data div isn't displayed
        if (!that.dataDisplayed) {
            // Show divs loading
            that.showMainDiv();
        } else {
            that.$qwTbody.slideUp('fast');
            that.$qwTbody.html('');
        }
    },
    complete: function(){},
    success: function(result){
        console.log('End: ' + new Date().toLocaleString());

        // Clear timer
        clearInterval(timer);

        // Set progressbar to 100%
        that.setProgressBarTo100();

        // Show Download Button
        that.downloadBtn.style.display = 'inline-block';

        // Insert Chart Data
        that.insertChartData(result);

        // Insert Table Data
        that.insertTableData(result);
    }
});

出于某种原因,它使我的整个网络应用陷入困境,直到返回数据。我知道默认情况下,ajax请求设置为“
true”,
但无论如何我还是添加了它以确保它是正确的。如果它是异步的,那么它应该可以完成工作而不会卡住我的网络应用程序,对吗?可能是什么问题?这是服务器端问题吗?如何调试这种情况?

编辑:说“卡住”是指-提交ajax调用后等待响应时,刷新页面或并行打开其他页面(仅在我的Web应用程序中)显示白色加载屏幕。每当ajax调用返回数据时-
白页就会加载到请求的页面。

数据从PHP文件返回:

<?php 
require_once("/www/common/api/db.php");

    if (!empty($_POST['submitted'])) {

    // error_reporting(-1);
    // Users Array:
    $users      = get_qw_data($start_ts_to_date, $stop_ts_to_date);

    // Summary Array:
    $summary    = get_qw_summary($users);

    // QW Score Array:
    $qws        = get_qw_score($users);

    // Generate CSV Report files
    /* Remove old:*/ 
    if (!is_file_dir_exist($customer))
        create_qw_directory($customer);

    /* Report #1: */ users_apps_google_macros_ma($users['users'], $customer);
    /* Report #2: */ usage_and_qw_summary($summary, $customer);
    /* Report #3: */ qw_score($qws, $customer);
    /* Zip Files: */ zip_qw_files($customer);

    echo json_encode($qws);
}

阅读 446

收藏
2020-07-26

共1个答案

小编典典

PHP会话是其他请求“卡住”的主要候选对象,因为会话文件被写锁定,因此只要一个正在运行的脚本实例打开了会话,其他所有实例都必须等待。

解决方案是尽快致电session_write_close


一些扩展的解释:

会话数据的默认存储机制只是文件系统。对于每个活动会话,PHP只需将文件放入配置的会话目录中,然后将$
_SESSION的内容写入其中,以便可以在需要访问该文件的下一个请求中从该位置读取该文件。

现在,如果几个PHP脚本实例试图“同时”将已更改的会话数据写入该文件,那么很明显,这很可能带来冲突/错误。

因此,一旦一个脚本实例访问会话,PHP就会在会话文件上设置写锁定-
其他人,其他请求(对同一脚本或也使用该会话的其他请求)都必须等待,直到第一个该脚本已在会话中完成,并且写锁再次被释放。

默认情况下,脚本运行完成时会发生这种情况。但是,如果您运行的脚本更长,这很容易导致您在此处遇到的“阻塞”效应。解决方案是显式地告诉PHP(通过session_write_close),“我在这里完成了会话,从现在开始不会在其中写入任何新数据/更改过的数据-
因此请随时释放锁,以便下次释放该锁。脚本可以开始读取会话数据。”

重要的是,只有在脚本处理完所有会话数据之后才能执行此操作。在脚本的其余部分中,您仍然 可以 从$ SESSION中进行 _读取
-但您无法再对其进行写入。(因此$_SESSION['foo'] = 'bar';,在释放会话之后,类似的操作都会失败。)

如果会话此时(在此特定脚本中)唯一的目的是检查用户身份验证,则可以在此之后直接关闭会话。然后,脚本的其余部分可以根据需要运行,而不会阻止其他脚本再访问同一会话。


这不仅限于AJAX请求-
这些只是您通常首先会注意到这种情况的地方之一,因为否则,使用“并行”运行的会话通常不会有那么多请求。但是,如果您要在多个浏览器选项卡中多次打开长时间运行的脚本,则会在此处看到相同的效果-
在第一个选项卡中,脚本将运行并开始运作,而在随后的选项卡中,您应注意只要前一个脚本实例在会话上保持写锁定,请求也将“挂起”。

2020-07-26