记一次完整的原生js ajax请求
前端
html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ajax完整请求</title>
</head>
<body>
<p id="id">我是要改变的TEXT</p>
<botton onclick="ajax()">点我</botton>
</body>
</html>
js
function ajax(){
//创建对象
var xmlhttp;
//判断对象兼容
if(window.XMLHTTPRequest){
xmlhttp = new XMLHTTPRequest;
}
else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
//在回掉相应函数中,做出相应是否成功的判断,然后更新页面内容
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readystate == 4 && xmlhttp.status = 200){
document.getElementById("id").innerHTML = xmlhttp.responseText;
}
}
//发送请求
xmlhttp.open("GET","URL",true);
xmlhttp.send();
}
后端(PHP示例)
PHP
<?php
//本php文件地址 即是js中的URL地址
echo("我是请求完成后的内容");
?>
以上是简单的完整请求示例,想要完成一次请求,还需要配置好远程的服务器环境(jsp,php或asp)
请求还包括参数
GET请求主要将参数放在url中完成表单的一些操作(简单的几个字符串)
POST请求主要把较大的一些文件内容或者数据放在请求附带发送的数据中(object,图片或者json对象)