首页> 基础笔记 >JS/JQ基础学习 >Ajax Ajax
JavaScript-AJAX技术：简单请求
作者：小萝卜 2023-03-23 【 Ajax javascript 】 浏览 448
简介JavaScript-AJAX技术：简单请求
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>AJAX实例</title>
</head>
<body>
<!-- html注释 -->
<h2>AJAX技术：简单请求</h2>
<button onclick="doAjax()">请求</button>
<script type="text/javascript">
function doAjax(){
//1.创建xmlHttpRequest请求对象
var xmlhttp;
if(window.XMLHttpRequest){
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}else{
// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//2.初始化请求
xmlhttp.open("get","1.php",true);
//其中get为请求方式get/post,1.php表示请求地址，true表示异步
//3.执行发送
xmlhttp.send();
//4.设置回调函数
xmlhttp.onreadystatechange=function(){
//alert("ok:"+xmlhttp.readyState);
//判断是否已经请求结束
if(xmlhttp.readyState==4){
//浏览器响应状态
if(xmlhttp.status==200){
alert("请求成功！");
alert("响应内容："+xmlhttp.responseText);
}else{
alert("请求失败！");
}
}
}
}
</script>
</body>
</html>
很赞哦！ (0)
