日期:2014-05-16 浏览次数:20742 次
最近做网站,要用到这个知识,所以到php100的网站上去看了这个视频,现在把总结写在这里:
1、 核心内容是js技术
2、 原理结构图:
3、 XMLHttpRequest对象相关方法:XMLHttpRequest.open(); XMLHttpRequest.onreadystatechange; 获取执行结果XMLHttpRequest.responseText
以下为一个完整的例子:
index.php
<!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>无标题文档</title> <script type="text/javascript" src="ajax.js"></script> </head> <body> <a href="#" onclick="funphp100('o')">o</a> <a href="#" onclick="funphp100('t')">t</a> <a href="#" onclick="funphp100('x')">x</a> <div id="php100"></div> </body> </html>
// JavaScript Document var xmlHttp; function S_xmlhttprequest(){ if(window.ActiveXObject){ xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); }else if(window.XMLHttpRequest){ xmlHttp = new XMLHttpRequest(); } } function funphp100(url){ S_xmlhttprequest(); xmlHttp.open("GET","for.php?id="+url,true); xmlHttp.onreadystatechange = byphp; xmlHttp.send(null); } function byphp(){ var byphp100 = xmlHttp.responseText; document.getElementById('php100').innerHTML = byphp100; }
<?php if($id = $_GET[id]){ for($i = 1; $i < 20; $i++) echo $id; exit(); } ?>
例子下载:http://download.csdn.net/detail/comeontom/4427572