ajax，在服务器搭建好后的测试

最新推荐文章于 2022-05-04 16:06:02 发布

南征北战-

最新推荐文章于 2022-05-04 16:06:02 发布

阅读量1.6k

点赞数

分类专栏： css ajax php 文章标签： ajax

本文链接：https://blog.csdn.net/qq_40910098/article/details/78973611

版权

css 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

ajax

4 篇文章 0 订阅

订阅专栏

php

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实例bbb</title>
</head>
<script>
function loadXMLDoc()
{
    var xmlhttp=null;
    xmlhttp=new XMLHttpRequest();//像定义数组那样定义创建 XMLHttpRequest 对象，用于和服务器交换数据。
    xmlhttp.open('GET',"php1.php?username="+encodeURI("杨白劳")+"&age=250"+encodeURI("本次获取时间")+ new Date().toLocaleString(),true);//使用GET和POST向服务器请求；
	xmlhttp.send();

//当请求被发送到服务器时，我们需要执行一些基于响应的任务。服务器对返回数据的判断

	xmlhttp.onreadystatechange=function(){
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
             alert(xmlhttp.responseText);//字符串形式的响应数据。
            //document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
		}
	}	
}
</script>
<body>
   <div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
   <button type="button" οnclick="loadXMLDoc()">修改内容</button> 
</body>
</html>

//php语句的头文件一定注意写法

<?php
header('Content-Type:text/html;charset="utf-8"');
error_reporting(0);
$username=$_GET['username'];
$age=$_GET['age'];
echo "你的名字是：{$username}，年龄是：{$age}";
?>

注释：ajax在搭建好服务器后进行的一些测试操作：html文件要和php文件放在同一文件夹下例如我使用appserv软件，写的文件放在D:\php\AppServ\www\111下。

南征北战-

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录