javascript使用ajax请求数据的url所指向服务器端文件是怎样的？
发布网友
发布时间：2022-05-21 15:40
共2个回答
热心网友
时间：2023-10-31 20:54
回答你的
问题1：但是不知道这个链接所指向的文件是用什么语言写的？
答：php语言、asp语言、java等服务器端脚本语言
问题2：js的ajax请求支持什么样格式的文件？
答：我想你问的是发送的ajax请求的数据类型吧？也就是你上面例子中的data,
这个是有三种
{
1.text文本类型（即普通字符串）
2.xml
3.json
}
问题3：然后怎么向我使用apache创建的web网站请求到数据？
答：
ajax_demo01.html文件
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>ajax无刷新弹窗</title>
<script type="text/javascript" src="./public.js"></script>
<script type="text/javascript">
/*动态绑定事件*/
window.onload = function() {
$('btn').onclick = function() {
//1.创建Ajax对象
var xhr = createXhr();
//2.初始化
xhr.open('get', 'ajax_demo01.php');
//3.当状态码发生改变时，自动执行的回调函数
xhr.onreadystatechange = function() {
//判断状态码变化值
if (xhr.readyState == 4) {
//状态接收完毕时，弹出内容字符串
alert(xhr.responseText);
}
;
}
//4.发送Ajax请求(由于是get请求,所以，请求数据在url，这里传Null)
xhr.send(null);
}
}
</script>
</head>
<body>
<input type="button" id="btn" value="确定">
</body>
</html>
自己封装的public.js文件
try{
return new XMLHttpRequest();
}catch(e){
}
try{
return new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
}
alert("Ajax对象由于浏览器罕用而创建失败");
}
function $(id){
return document.getElementById(id);
}
ajax_demo01.php文件
echo "hello ajax";
追问我测试过了，有用！就是你还有些没有说清楚，因为实在本地电脑上（家用电脑）测试，所以应该说明这些文件必须放在创建的网站目录下（以前我都是随便在本地磁盘上放文件，然后直接打开文件！），且必须通过浏览器访问网站文件，直接打开无效，我就是这样成功的（不知是否还有其他方法？），谢谢，今天终于弄懂了！
热心网友
时间：2023-10-31 20:54
