Question

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

我们那里有很好的阅读资源吗？我目前下载了Jquery in Action，首先是jquery，以及来自Oreilly的权威指南ajax。关于Jquery / AJAX还有什么我应该知道的吗？我是一个希望进一步拓宽知识视野的新手。非常感谢正确方向的指南。谢谢。

Answer 1

凭借您拥有的书籍以及 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表数据的好插件

Answer 2

jquery有基本版@的官方指南：JQuery Documentation
你会找到你在网站上下载的几乎每一个插件的文档;）此外，您当然可以在SO上搜索问题，谷歌几乎可能遇到任何问题。

Answer 3

你可以阅读这篇完美的文章：
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），请使用此选项。

Answer 4

jQuery＆amp; 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;
    })

构建动态Web应用程序

4 个答案: