我们如何做AJAX编程

问题描述:

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

+0

我认为你需要从学习基本的网络编程开始。 – 2010-06-05 06:08:20

+0

对于初学者来说,Ajax很混乱。不完全像您的日常HTML/CSS编码。 – ggfan 2010-06-05 06:12:31

+4

如果您在其他教程中遇到问题,那么您将为这种常见类型的问题收到的答案可能无济于事。你最好从你已经试过的教程中发布一些你的代码,并以这种方式寻求帮助。那么人们有更好的机会以相关的方式回答。 – VirtuosiMedia 2010-06-05 06:19:57

阅读:

AJAX Tutorial通过W3Schools的。

AJAX Programming通过谷歌代码大学

开始编码,你可以通过微软获得Ajax Control Toolkit。您应该阅读Ajax Control Toolkit Tutorials以了解它。

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

只需补充一点,AJAX很少以纯粹的形式与XMLHttpRequest一起使用。您经常将它用作AJAX UI库的一部分,这会让您的生活更轻松。如果你是来自Java世界 - 这样的AJAX库是Richfaces

一旦你从W3school获得基础知识,我建议你使用一个框架。通常开发者完全不使用XMLHttpRequest。相反,像ExtJS,jQuery和其他框架这样的javascript框架使得你的工作变得简单。我建议你学习一点javascript。检查出jQuery。

+0

那么,从技术上讲,您在使用库时仍然使用XMLHttpRequest,只有您不必明确地调用它! ;) – nico 2010-06-05 06:16:34

+0

是的..开发人员不必担心它。你只需调用方法($ .ajax()或$ .getJson()),但内部框架肯定会使用make XMLHttpRequest。 – 2010-06-05 06:20:13

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

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

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

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

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

一旦服务器端代码完成执行,它会返回给客户端一些响应数据(例如一段XML,JSON,HTML或任何你喜欢的东西)。最后,客户端执行(或不)一些其他的Javascript代码来响应这一点,例如,在屏幕上写入,再次没有重新加载页面,这取决于服务器返回的内容。

而是担心怎么办AJAX的,用的东西,可以让你忘掉它。像NOLOH这样的框架会自动为您做AJAX(和Comet),而无需您执行任何操作。只需专注于您的应用程序和业务逻辑,剩下的就完成了。

真的,一切都通过AJAX完成,如果可用,自动。你没有工作。如果你不想花太多时间研究它,看看这个3月份在Confoo PHP Conference上展示的这个短视频http://www.youtube.com/phpframework#p/u/11/cdD9hSuq7aw

对于所有那些担心的,好吧,如果它全部是AJAX,那么搜索引擎呢?无需担心,http://dev.noloh.com/#/articles/Search-Engine-Friendly/

所以不是不必担心所有这些不同的技术,或者客户端 - 服务器关系,你可以坐下来,代码和有你的网站/ Web应用程序在任何时间工作。

你可以阅读有关NOLOH是php这个月的封面故事|建筑师杂志,http://www.phparch.com/magazine/2010/may/

享受。

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

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

请帮我对此有所了解的语言。

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

我们是否保存扩展名为.HTML的文件?

嗯,这是不是真正的点。你必须在这里掌握的是有一个服务器和一个浏览器互相交互。是的,您可以为您的网页使用静态HTML文件(并将它们另存为.html文件),但您需要一台服务器来响应浏览器的请求。这可能是您的示例代码无法正常工作的原因;你需要设置一个与你的页面一起工作的服务器。

Ajax背后的整体思路是,以改善当用户与它交互不重新加载整个页面的用户体验。您请求所需的数据并通过使用Javascript更新页面来更新HTML。这被称为带外或异步请求。

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

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

之前你进入AJAX,你应该确保你明白:

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

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

+0

为什么不投票?这个答案可能不是问题的直接答案,但它仍然提供有关问题本身参数的非常有用的信息。 它实际上帮了我不少。 – zeboidlund 2011-11-14 16:44:16

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