我们如何进行AJAX编程

时间:2010-06-05 05:50:23

标签: ajax

我不知道AJAX编程功能。我只知道它是异步Javascript和XML。 请帮助我了解这种语言。 我经历了很多AJAX教程。但是没有一个程序在运行。为什么我不知道。 我们是否使用.HTML扩展名保存文件?

7 个答案:

答案 0 :(得分:6)

读:

W3Schools

AJAX Tutorial

Google Code University

AJAX Programming

要开始编码,您可以获得Microsoft的Ajax Control Toolkit。你应该阅读Ajax Control Toolkit Tutorials来掌握它。

您可以使用免费Microsoft Visual Web Developer 2010 Express Edition作为IDE

答案 1 :(得分:3)

除了其他人给你的正确回答之外,从你的问题来看,我认为你首先需要了解客户端和服务器端代码。

  

我们是否使用.HTML扩展名保存文件?

是和否。你将有一个HTML前端,例如包含一个按钮。这将从客户端(=用户)浏览器解释。事实上,根据浏览器/操作系统/等,它可能会有所不同。

现在,您将一些Javascript代码附加到此按钮。这也可以在客户端的浏览器上运行,并直接或通过使用库(JQuery& Co.)创建XMLHttpRequest对象。请注意,执行AJAX请求所需的库。如果你做了很多AJAX调用,它会让你的生活更轻松,但这并不重要。

这就是魔术发生的地方:XMLHttpRequest对象将异步调用 (即:无需重新加载页面)服务器端页面。这可能是PHP,ASP,Perl等等在服务器上执行某些操作的文件,例如查询数据库。这部分操作完全独立于客户端。用户可以在服务器端代码加载完毕之前关闭浏览器,服务器也不会知道它。

一旦服务器端代码完成执行,它就会返回一个响应数据的客户端(例如一段XML,JSON,HTML或任何你喜欢的代码)。最后,客户端执行(或不执行)其他一些Javascript代码以响应此操作,例如在屏幕上写入,同时不重新加载页面,这取决于服务器返回的内容。

答案 2 :(得分:1)

一旦你从W3school获得基础知识,我建议你使用一个框架。通常开发人员根本不使用XMLHttpRequest。相反,像ExtJS,jQuery和其他框架这样的javascript框架使您的工作变得简单。我建议你也学习一点javascript。看看jQuery。

答案 3 :(得分:1)

也许我可以通过澄清一些概念来帮助你理解AJAX。

  

请帮助我了解这种语言。

AJAX不是一种语言,它是一种使用现有技术来改善网站用户体验的方法。该语言在浏览器中是Javascript,但您可以使用任何您认为合适的服务器端技术(ASP.NET,Java,PHP,Ruby等)。

  

我们是否使用.HTML扩展名保存文件?

嗯,这不是重点。你必须掌握的是有一个服务器和一个浏览器相互交互。是的,您可以为页面使用静态HTML文件(并将其保存为.html文件),但您需要一台服务器来响应浏览器的请求。这可能就是您的示例代码不起作用的原因;您需要设置一个适用于您的页面的服务器。

AJAX背后的整个想法是通过在用户与其交互时不重新加载整个页面来改善用户体验。您可以使用Javascript更新HTML来请求所需的数据并更新页面。这称为带外或异步请求。

  

我只知道它是异步Javascript和XML。

这就是首字母缩略词所代表的含义,但它并不能完全涵盖该技术的用途,也不再是准确的。最初,XML用于将数据从服务器传输到客户端。人们发现在Javascript中使用XML并不是那么容易,所以现在使用JSON更常见。 JSON是一个可以在浏览器中评估的javascript片段。该代码段创建表示数据的javascript对象。 如果您使用Javascript库,就像其他人在这里建议的那样,您不必担心许多细节。

在进入AJAX之前,您应该确保理解:

  • HTML和CSS
  • 的Javascript
  • 如何使用Javascript修改HTML
  • 浏览器如何从服务器请求信息
  • 如何处理服务器上的请求

如果您对所有这些概念不满意,请坚持使用“常规”网页,并尝试逐步改进您的知识。

答案 4 :(得分:0)

只是要补充说AJAX很少以XMLHttpRequest的纯格式使用。您经常将它用作AJAX UI库的一部分,这样可以让您的生活更轻松。如果您来自Java世界 - 这样的AJAX图书馆是Richfaces

答案 5 :(得分:0)

不要担心如何做AJAX,而是使用让你忘记它的东西。像NOLOH这样的框架可以自动为您执行AJAX(和Comet),而无需您做任何事情。只需专注于您的应用程序和业务逻辑,剩下的就完成了。

真的,一切都是通过AJAX自动完成的。你没有工作。如果您不想花太多时间研究它,请查看今年3月在Confoo PHP会议上演示的这段简短视频http://www.youtube.com/phpframework#p/u/11/cdD9hSuq7aw

对于所有担心的人,嗯,如果它都是AJAX,那搜索引擎呢?无需担心,http://dev.noloh.com/#/articles/Search-Engine-Friendly/

因此,您无需担心所有这些不同的技术或客户端 - 服务器关系,您可以坐下来编写代码,让您的网站/ WebApp立即工作。

你可以阅读NOLOH这个月的封面故事php | architect magazine http://www.phparch.com/magazine/2010/may/

享受。

免责声明:我是NOLOH的联合创始人。

答案 6 :(得分:0)

这很容易。 Ajax通过客户端执行从服务器端获取数据。我们必须使用XMLHttpRequest来获得结果。