构建动态web应用程序


Building dynamic web applications

我使用PHP、MySql和HTML(通常的怀疑)为我当地的社区大学创建了一个学生跟踪系统。我在项目的第2版。它还没有完成。现在我在这个项目的下一步是让它"活起来"。目前我一直在研究AJAX和Jquery。根据我的理解,Jquery是一个Javascript库,您可以下载(纯文本格式)并将其包含到脚本中。我困惑的是我应该从哪里开始下一步?我对Jquery/Javascript非常陌生,根本不了解AJAX。据我所知,Jquery内置了自己的AJAX实现。

那里有好的阅读资源吗?我最近下载了Jquery in Action,首先是Jquery,然后是来自Oreilly的ajax权威指南。关于Jquery/AJAX还有什么我应该知道的吗?我是一个新手,希望进一步拓宽自己的知识面。如果能给我指路,我将不胜感激。谢谢你!

有你的书和jQuery api的建议Rory mcrossan 你应该做得很好。在实现这些功能时遇到的任何其他问题(Head First的书是一个很好的起点),都可以通过谷歌来解决。

jQuery的另一个有用之处是它的插件。它们是开箱即用的库,您只需调用它们的函数即可使用它们。这里有几个你可以找到它们的网址:

    jQuery插件官方档案50个jQuery插件
  • 40个实用的jQuery插件
  • 2012年度最佳jQuery插件
  • HandsOnTable -非常好的插件,用于创建交互式表
  • TableSorter -另一个用于排序html表数据的插件

jquery有一个基本版本的官方指南@:jquery Documentation
你会发现一个文档,几乎每一个插件你下载的网站上你得到它;)此外,你当然可以在SO上提问,谷歌几乎任何你可能遇到的问题。

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;
    })

你可以阅读这篇完美的文章:
5种使用jQuery进行Ajax调用的方法

上面文章中解释的函数:

  • load():加载一段html到一个容器DOM。
  • $. getjson ():使用GET方法加载JSON。
  • $ .getScript () :加载JavaScript。
  • $. GET ():如果你想做一个GET调用并广泛地使用响应,使用这个。
  • $. POST ():如果你想要进行POST调用,并且不想将响应加载到一些容器DOM,则使用此方法。
  • $.ajax():如果你需要在XHR失败时做一些事情,或者你需要在飞行中指定ajax选项(例如cache: true),那么使用这个。