php+ajax

最新推荐文章于 2022-04-03 00:00:00 发布

lgd5979

最新推荐文章于 2022-04-03 00:00:00 发布

阅读量563

点赞数

CC 4.0 BY-SA版权

分类专栏： php学习文章标签： php xmlhttprequest function url javascript null

本文链接：https://blog.youkuaiyun.com/lgd5979/article/details/6737402

php学习专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用Ajax技术实现实时动态加载数据的方法。通过JavaScript发起GET请求到服务器端PHP脚本，根据不同的URL参数获取相应数据并更新网页内容。文章展示了具体的前端JavaScript代码和后端PHP代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、新建js

var xmlHttp;
function S_xmlhttprequest(){
	if(window.ActiveXObject){
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	}else if(window.XMLHttpRequest){
		xmlHttp = new XMLHttpRequest();
	}
}
function funphp(url){
	S_xmlhttprequest();
	xmlHttp.open("GET","for.php?id="+url,true);
	xmlHttp.onreadystatechange = byphp;
	xmlHttp.send(null);
}

function byphp(){
	var byphptest = xmlHttp.responseText;
	document.getElementById('php').innerHTML = byphptest;
}

2、for.php

<?php
if($id={1}

GET['id']){for($i=1;$i<10;$i++){echo $id;}exit();}?>

3、index.php

<script language="JavaScript" type="text/javascript" src="ajax.js"></script>

<a href="#" onclick="funphp('o')">o</a>
<a href="#" onclick="funphp('t')">t</a>
<a href="#" onclick="funphp('x')">x</a>

<div id="php"></div>

4、

var xmlHttp;
function S_xmlhttprequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function funphp(url){
S_xmlhttprequest();
xmlHttp.open("GET","for.php?id="+url,true);
xmlHttp.onreadystatechange = byphp;
xmlHttp.send(null);
}