【问题标题】:Creating a web application, then adding Ajax to it?创建一个 Web 应用程序,然后向其中添加 Ajax?
【发布时间】:2010-09-17 15:16:36
【问题描述】:

我想你们中的许多人已经开发了一个在线应用程序,它可以自动化许多流程并为您的公司节省时间和金钱。

问题是,您在开发该应用程序、将其全部设置到位、然后使用一些 Ajax 对其进行“调整”以提供更好的用户体验方面有何经验?

另外,在将 Ajax 添加到已开发的 Web 应用程序时,您建议使用哪些库?

最后,您在 Web 应用程序中看到哪些常见的流程是 Ajax 擅长的?例如,在您键入时自动填充搜索框。

【问题讨论】:

    标签: html ajax user-interface


    【解决方案1】:

    我首选的构建支持 Ajax 的应用程序的方法是用老式的方式构建它,每个按钮、链接等都发布到服务器,然后劫持所有这些按钮、链接等点击到 Ajax 功能.

    这可以确保我的应用与浏览器兼容,这很好。

    【讨论】:

    • 我希望将 AJAX 实现到一个函数中,在该函数中我会通过一个列表并从每个下拉框中选择一个选项,每次我选择一个选项时,它都会自动将该记录更新到表中,然后我继续下一个,依此类推。可能使用 AJAX?
    【解决方案2】:

    你使用哪个并不重要,除非你想做一些非常专业的事情。

    这是一个很好的列表:http://code.google.com/apis/ajaxlibs/

    是的,自动完成器是 Ajax 的一个非常方便的实现。它对于数据密集型活动(例如填充向下钻取数据)也非常有用。

    您可以使用这些库做的很多事情都不是特定于 Ajax 的,还有很多 UI 交互也可以使用户受益。使用其中许多库,您可以非常轻松地完成幻灯片和灯箱等操作。

    选择一个你觉得舒服的。他们都使用的语法略有不同。试一试并尝试构建简单的示例。坚持你喜欢的那个。

    【讨论】:

      【解决方案3】:

      使用 ASP.NET Ajax 包装几块代码是一种简单的方法。但我个人更喜欢使用 jQuery。您可以使用它轻松添加一些简单的 Ajax 调用,以使 UI 响应更快,而无需 ASP.NET Ajax 开销。

      【讨论】:

        【解决方案4】:

        如果您使用 ASP.NET 编写应用程序,使用 ASP.NET AJAX 添加 AJAX 非常简单,并且在许多地方根本不需要您更改任何代码,除了向您要修改的页面添加两个控件.

        这适用于部分页面加载。您必须添加的控件(从我的头顶上掉下来)称为

        <asp:ScriptManager
        

        <asp:UpdatePanel
        

        【讨论】:

          【解决方案5】:

          我用于 AJAX 的最大功能是列表和搜索表单。为什么?因为当您浏览一个包含 200 条记录的列表时加载整个页面的开销,所以用户浏览所有内容会令人沮丧。但是,如果您单击页面中的链接,然后单击返回按钮或使用顶部的链接返回到您所在的同一页面,这一点很重要。

          对于搜索表单,当您填写表单时,我使用 AJAX 查询返回前几个结果和一个表示返回多少记录的数字。

          对于 AJAX 框架,我使用 mootools。 http://www.mootools.net.

          【讨论】:

            【解决方案6】:

            如果不使用 ASP.NET,请忽略。您的问题并不清楚您的平台。

            根据您创建 Web 应用程序的时间,您的 Web 配置文件可能需要一些调整才能使用 ASP.NET Ajax。最简单的查看方法是使用 ASP.NET Ajax 模板创建一个新网站并比较 Web 配置,根据需要复制配置项以更新旧的。

            【讨论】:

              【解决方案7】:

              如果您只想“增加趣味”,那么首先开发没有 AJAX 的功能齐全的应用程序。从这里您可以不显眼地添加 AJAX 功能,并确保应用程序在不支持 JavaScript 的浏览器中能够很好地降级。

              我已经开始在我的网站上使用 jQuery 来处理 JavaScript。它消除了跨浏览器 JavaScript 差异的所有担忧——比如类和类名,以及 getElementById。它还包括一些非常方便和简单的 AJAX 回发功能。如果使用得当,它非常容易学习并且非常轻巧。

              我在 Stack Overflow 上看到了 AJAX 的一些很好的用法,比如标签选择器和键入问题标题时的问题查找。我认为这些简单的事情效果最好;我们只是通过对直观的功能进行少量添加来增加用户体验,我们不会用拖放手柄等来淹没屏幕。

              【讨论】:

                【解决方案8】:

                我会与第一张海报不同。添加 Ajax 并不总是像 1、2、3 那样容易。这真的取决于你追求什么。

                添加诸如彩色动画之类的东西可以相当容易,但是如果您想要诸如自动填充文本框之类的东西,则需要额外的代码。这并不像在客户端添加一些东西那么容易。您还需要添加服务器端支持以获取部分查询结果。

                除此之外,保持客户端脚本与服务器端支持同步会变得更加复杂。

                但考虑到简单的精神,您可以使用一些库来为网站“增添趣味”,其中包含已经提到的动画和其他可以相当容易实现的视觉效果。

                【讨论】:

                  【解决方案9】:

                  我经常不得不为老式的 ASP.NET 2.0 网站启用 Ajax。我发现最简单的方法是创建一个支持 Ajax 的新站点,然后将 web.config 的某些部分复制并粘贴到旧项目的 web.config 中。

                  只需比较两者,看看你的旧版本缺少什么。您显然还需要添加对 AjaxExtensions 和 AjaxControlToolkit 的引用。

                  【讨论】:

                    猜你喜欢
                    • 1970-01-01
                    • 1970-01-01
                    • 2014-02-12
                    • 1970-01-01
                    • 1970-01-01
                    • 2011-03-05
                    • 1970-01-01
                    • 1970-01-01
                    • 1970-01-01
                    相关资源
                    最近更新 更多