VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > JavaScript >

  • 第一个Ajax应用程序：Hello World!

第一个Ajax应用程序：Hello World!

1.2节和1.3节向读者介绍了两个Ajax应用的经典案例：Google Suggest和Gmail。本节将向读者展示本书第一个Ajax程序实例，正如同很多程序设计教程的实例都从Hello World开始一样，本书的第一个例子名字就叫“Hello World!”。
“Hello World!”的流程很简单，当页面打开时，页面的脚本程序向后台程序发送Ajax请求，从而获得后台程序输出的问候语：Hello World！，然后以对话框的形式显示出来。前台页面HelloWorld.html代码如下所示。
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello World</title>
<script type="text/javascript">
         try
         {
                  var xmlhttp = new XMLHttpRequest();
         }
         catch(e)
         {
                  var xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
         }
         xmlhttp.open('GET','hello_world.php',true);
         xmlhttp.onreadystatechange = function()
         {
                  if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
                  {
                           alert(xmlhttp.responseText);
                  }
         }
         xmlhttp.send();
</script>
</head>
 
<body>
</body>
</html>
 
后台hello_world.php代码如下所示。
 
<?
         echo 'Hello World';
?>
 
在浏览器中访问HelloWorld.html，运行结果如图1.19所示。

图1.19  Hello World！运行结果

1.5  小    结

本章主要是让读者对Ajax技术有一个初步的认识。通过1.1节Ajax概述，读者可以了解到Ajax技术实际上是由几种成熟的技术所组成的一个综合性的应用，通过XMLHttpRequest对象来发送异步请求，从而创造了一种新的Web开发模式。接着向读者介绍了两个经典的Ajax案例：Google Suggest和Gmail，让读者认识了现实中的Ajax应用程序到底是什么模样，了解了广泛应用的Ajax程序的一些基本模式。最后一节向读者展示了一个基本的Ajax应用程序的代码。在第2章中，将会辅以实例着重向读者介绍Ajax的主要开发语言：JavaScript。
 

相关教程