php ajax 实例

107 篇文章 2 订阅
5 篇文章 0 订阅

ajax.js

var xmlhttp;
function AJAX(url){
	xmlhttp=null;
	if (window.XMLHttpRequest){// code for all new browsers
	  	xmlhttp=new XMLHttpRequest();
	}else if (window.ActiveXObject){// code for IE5 and IE6
	  	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	if (xmlhttp!=null){
	  	xmlhttp.onreadystatechange=state_Change;
	  	xmlhttp.open("GET",url,true);
	  	xmlhttp.send(null);
	}else{
	  alert("你的浏览器不支持XMLHTTP对象。");
	}
}
function state_Change(){
	if (xmlhttp.readyState==4){// 4 = "异步请求成功"
		if (xmlhttp.status==200){// 200 = OK
			var o = document.getElementById("box");
			var str = xmlhttp.responseText;
			o.innerHTML = str;
		}else{
			alert("服务器出错,异步请求失败!");
		}
	}
}
ajax.php

<?php
$mysql_server_name = "localhost";
$mysql_username = "root";
$mysql_password = "";
$mysql_database = "test";

$conn = mysql_connect($mysql_server_name, $mysql_username, $mysql_password);

// 从表中提取信息的sql语句
$strsql = "SELECT * FROM  photo";
// 执行sql查询
@$result = mysql_db_query($mysql_database, $strsql, $conn);
// 获取查询结果
$row = mysql_fetch_row($result);

$zhongjian = implode("", $row);
/* var_dump($row).'<br/>';

$zhongjian = implode("", $row);
echo $zhongjian.'<br/>';

foreach ($row as $key => $val) {
    print $key . '=>'.$val.'<br/>';
}
 */






	$id = $_GET["id"];
	switch($id){
		case "span":
			echo "这是点击span获取到的内容!";
			break;
		case "a":
			echo $zhongjian;
			break;
		default:
			"搞砸了!";
	}
	
 
	
?>

index,php
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>异步请求</title>
<script type="text/javascript" src="ajax.js"></script>
<style type="text/css">
#box {
	height: 32px;
	width: 150px;
	border: 1px solid #000;
}
</style></head>
<body>
<span onClick="AJAX('ajax.php?id=span')">我是SPAN标签</span>    
<a href="javascript:void(0);" onClick="AJAX('ajax.php?id=a');">我是A链接</a><div id="box"></div>
</body>
</html>

http://www.palmdy.com

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值