构建动态 Web 应用程序 [关闭]答案

【问题标题】：Building dynamic web applications [closed]构建动态 Web 应用程序 [关闭]
【发布时间】：2012-12-24 23:18:47
【问题描述】：

我使用 PHP、MySql 和 HTML（通常的嫌疑人）为我当地的社区大学创建了一个学生跟踪系统。我在项目的第 2 版。它还没有完成。现在我在这个项目中的下一步是让它“活跃起来”。目前我一直在阅读 AJAX 和 Jquery。据我了解，Jquery 是一个 Javascript 库，您可以下载（纯文本格式）并将其包含到您的脚本中。我感到困惑的是我应该从哪里开始下一步？我对 Jquery/Javascript 非常陌生，而且对 AJAX 了解甚少。根据我的阅读，Jquery 内置了自己的 AJAX 实现。

我们那里有什么好的阅读资源吗？我目前从 Oreilly 下载了 Jquery in Action、head first jquery 和 ajax 权威指南。关于 Jquery / AJAX 还有什么我应该知道的吗？我是一个新手，正在寻求进一步拓宽他的知识视野。非常感谢您提供正确方向的指南。谢谢你。

【问题讨论】：

jQuery 圣经：api.jquery.com
“我应该从哪里开始下一步？” — 我会从重新定义步骤开始。 “活过来”是一个模糊的目标。有一些具体的目标。
好吧，我想让我的表格更具交互性。我不希望我的同事们不得不按 F5 来查看哪些新学生在等他们。我希望自动更新这类信息。

标签： php jquery mysql ajax web-applications

【解决方案1】：

jquery有基础版官方指南@：JQuery Documentation
您会在从网站上下载的几乎每个插件都找到一个文档；）此外，您当然可以就 SO 和 google 提出几乎任何您可能遇到的问题。

【讨论】：

【解决方案2】：

您可以阅读这篇完美的文章：
5 Ways to Make Ajax Calls with jQuery

上面文章中解释的功能：

load()：将一段 html 加载到容器 DOM 中。
$.getJSON()：使用 GET 方法加载 JSON。
$.getScript()：加载 JavaScript。
$.get()：如果您想进行 GET 调用并广泛使用响应，请使用此选项。
$.post()：如果您想进行 POST 调用并且不想将响应加载到某个容器 DOM，请使用此选项。
$.ajax()：如果您需要在 XHR 失败时执行某些操作，或者您需要动态指定 ajax 选项（例如 cache: true），请使用此选项。

【讨论】：

【解决方案3】：

jQuery 和 AJAX 一起看起来像这样：

$('div#id').click(function(){
        $.ajax({
            type: "POST",
            url: "file.php",
            data: "id=1",
            success: function(data)
            {
                if (data == "Success") {
                    window.location.reload();
                } else {
                    alert(data);
                }
            }
        });
        return false;
    })

【讨论】：

【解决方案4】：

使用您拥有的书籍和 Rory McCrossan 建议的 jQuery api，您应该会做得很好。您在实现功能时可能遇到的任何其他问题，这些书中没有描述（Head First 的书是一个很好的起点），只需通过谷歌搜索即可解决。

关于 jQuery 的另一个有用之处是它的插件。它们是开箱即用的库，您可以按原样使用它们，只需调用它们的函数即可。以下是您可以找到它们的几个网站：

Official jQuery plugin archive
50 jQuery plugins
40 useful jQuery plugins
"best" jQuery plugins of 2012
HandsOnTable - 非常好的用于创建交互式表格的插件
TableSorter - 另一个用于排序 html 表格数据的好插件

【讨论】：