在单页应用程序中处理 MySql 数据库的最佳方法是什么？

Question

在单页应用中专业处理复杂的MySql数据库最好的方法是什么？

我通常使用jQuery ajax从数据库中获取数据，但是在将数据检索到浏览器时似乎太慢了。

当我使用keydown 行为从数据库中获取值时，总是会发生这种情况，当我根据change 上的另一个下拉值更改 PHP 文件中的下拉菜单值时，例如国家 > 城市

我的代码是这样的：

JS

input.keydown(function(){

    var val = $(this).value()

        $.ajax({ type: "GET",   
            url: "results.php",   
            data: form.serialize(),
            async: false,
            success : function(data)
            {
                $('.results').append(data);
            }
        })

    }

});

如果我有一个复杂的查询，这有时会使浏览器冻结片刻。

我应该使用 Ajax 吗？或者尝试使用其他框架，如 Angular.js 甚至 Backbone？

请指教。

Answer 1

虽然我无法在没有看到您在服务器端做什么的情况下评论您的 SQL 减速，但您的页面冻结问题更直接，与服务器本身无关。

正如上面 David Jones 的评论所述，您正在阻止浏览器执行任何其他操作，直到该调用返回，因为您在 AJAX 调用中禁用了“异步”。

除了服务器处理之外，网络上的 IO（即 AJAX 调用本身）与执行代码甚至可能是您的 SQL 调用相比是一个非常慢的事件。大部分时间都在等待请求完成往返。

Javascript 围绕异步事件循环构建的原因正是为了避免这种情况（AJAX 中的第一个字母代表“异步”）。

我会专注于您的前端，而不是让它等待调用完成。上面的问题没有给出关于为什么将 async 设置为 false 的任何上下文，但如果是因为否则你会进行过多的服务器调用（每个 keydown 调用一个），请尝试使用类似 debounce 的东西来限制您对后端的调用。