AJAX+PHP的简单例子
来源：互联网 发布：mysql查询表空间大小 编辑：程序博客网 时间：2024/05/23 19:20
<!--
filename:ajax_test.PHP
author:jom_ch
date:06/09/17
mail:phpoop@gmail.com
blog:http://blog.csdn.net/jom_ch
-->
<html>
<head>
<title>Ajax Example of View Picture</title>
<style type="text/css">
<!--
body {
font-size: 12px;
}
a:link, a:visited, a:active {
color: #616161;
text-decoration: none;}
a:hover {
text-decoration: none;
background-color: #616161;
color: #FFFFFF;}
-->
</style>
<script language="javascript">
<!--
function InitAjax(){
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
return xmlHttp;
}
function getPic(pic_id){
if(typeof(pic_id)=='undefined'){
return false;
}
var url="showPic.php?pic_id="+pic_id;
var show=document.getElementById("show_Layer");
var ajax=InitAjax();
ajax.open("GET",url,true);
ajax.onreadystatechange=function(){
if(ajax.readyState==4 && ajax.status==200){
show.innerHTML=ajax.responseText;
}
}
ajax.send(null);
}
-->
</script>
</head>
<body>
<a href="#" onclick="getPic(1)">P-1</a>
<a href="#" onclick="getPic(2)">P-2</a>
<a href="#" onclick="getPic(3)">P-3</a>
<a href="#" onclick="getPic(4)">P-4</a>
<br>
<div id="show_Layer"></div>
</body>
</html>
<!--
showPic.php
-->
<?php
echo "<img src='pic_".$_GET[pic_id].".jpg' width=140 border=0>";
?>
同一目录下有pic_1.jpg,pic_2.jpg,pic_3.jpg,pic_4.jpg四个图片，我找了四个britney的小图，效果不错。
补充IFRAME更简单的方法：
<html>
<head>
<title>IFRAME的实现</title>
<script language="javascript">
<!--
function change(num){
document.change_pic.image.src="../ajax/images/pic_"+num+".jpg";
}
-->
</script>
</head>
<body>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td><a href='#' onclick="change(1)">p-1</a></td>
<td><a href='#' onclick="change(2)">p-2</a></td>
<td><a href='#' onclick="change(3)">p-3</a></td>
<td><a href='#' onclick="change(4)">p-4</a></td>
</tr>
<tr>
<td colspan=4>
<Iframe src="iframe_pic_child.htm" name="change_pic" height=300 scrolling="auto" frameborder="0"></iframe>
</td>
</tr>
</table>
</body>
</html>
<!--iframe_pic_child.htm-->
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<img src="" name="image">
</BODY>
</HTML>
- AJAX+PHP的简单例子
- 一个简单的php+ajax 例子
- Ajax+php的例子
- AJAX的简单例子
- 简单的AJAX例子
- 简单的Ajax例子
- AJAX的简单例子
- ajax 的简单例子
- 一个最简单的基于PHP+jQuery的AJAX例子
- jqury+ajax+php最简单的例子局部刷新页面
- php+jquery+ajax+json简单小例子
- php+jquery+ajax+json简单小例子
- php+jquery+ajax+json简单小例子
- 一简单的Ajax例子
- 最简单的ajax例子
- 一个ajax的简单例子
- 简单的ajax小例子
- Ajax的简单请求例子
- 看看雅虎助手是如何迫害“兔子”和“360安全卫士”的
- Internet Explorer COM Object Heap Overflow Download Exec Exploit
- 准备实践自动构建及自动测试
- Dll 技术学习（2006-09-12）
- Button 自绘(2006-09-13)
- AJAX+PHP的简单例子
- spring quartz 的应用
- 控件中文字大小的计算（2006-09-14）
- 异步消息的传递－回调机制
- 九月第一贴，纪念大事件
- 数据封装之我见(2006-09-15)
- Afer one week affort for Java
- Q:实现IContextMenu出现C2787错误：“IContextMenu”：没有与该对象关联的GUID
- ActiveX Control Fundamentals
