php100视频之Ajax+PHP快速上手及应用（一）【第48讲】
最近做网站，要用到这个知识，所以到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="#" >o</a>
<a href="#" >t</a>
<a href="#" >x</a>
<div id="php100"></div>
</body>
</html>
ajax.js
// 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;
}
for.php
<?php
if($id = $_GET){
for($i = 1; $i < 20; $i++)
echo $id;
exit();
}
?>
最后结果如下：
例子下载：http://download.csdn.net/detail/comeontom/4427572
页:
[1]