日期:2014-05-16  浏览次数:20702 次

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="#" 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>

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[id]){
		for($i = 1; $i < 20; $i++)
			echo $id;
		exit();
	}
?>

最后结果如下:



例子下载:http://download.csdn.net/detail/comeontom/4427572