开发学院网页设计 JavaScript Ajax & PHP 结合讲解之一 Ajax基础阅读

Ajax & PHP 结合讲解之一 Ajax基础

　2009-11-25 00:00:00　来源：WEB开发网　　　

核心提示： 下面再来看一个简单的代码，当用户点击Page1～4时，Ajax & PHP 结合讲解之一 Ajax基础(3)，相应的链接文件将会显示在My Webpage页面中，PHP 结合讲解之一 Ajax基础" onload="return imgzoom(this,550)

下面再来看一个简单的代码，当用户点击Page1～4时，相应的链接文件将会显示在My Webpage页面中。

Ajax & <a target= PHP 结合讲解之一 Ajax基础" onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>

<html> <head> <title>Ajax　Sample</title> <script　type="text/javascript"> var　xmlHttp=null; try { 　　xmlHttp=new　XMLHttpRequest(); } catch　(e) { 　　try 　　{ 　　　　xmlHttp=new　ActiveXObject("Msxml2.XMLHTTP"); 　　} 　　catch　(e) 　　{ 　　　　xmlHttp=new　ActiveXObject("Microsoft.XMLHTTP"); 　　} } function　makerequest(serverPage,objId) { 　var　obj　=　document.getElementById(objId); 　　xmlHttp.open("GET",　serverPage); 　　xmlHttp.onreadystatechange　=　function()　　　{ 　　　　if　(xmlHttp.readyState　==　4　&&　xmlHttp.status　==　200)　　　　　{ 　　　　　　　obj.innerHTML　=　xmlHttp.responseText; 　　　　} 　　} 　　xmlHttp.send(null); } </script> <body　> 　　<div　align="center"> 　　　　<h1>My　Webpage</h1> 　　　　<a　href="content1.html"　>Page　1</a>　　　　　<a　href="content2.html"　>Page　2</a>　　　　　<a　href="content3.html"　>Page　3</a>　　　　　<a　href="content4.html"　>Page　4</a> 　　　　//这里就是将要替换content1～4.html内容的位置。　　　　<div　id="hw"></div> 　　</div> </body> </html>