📄 16-1.htm
字号:
<html>
<head>
<title>
XMLHTTPRequest对象使用实例
</title>
<script language="javascript">
var xmlHttp; //定义变量
xmlHttp=create_obj(); //调用函数
function create_obj()
{
var xmlHttp; //定义变量
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); //创建对象
return xmlHttp; //返回对象
}
function process()
{
//获取表单中的文本框的输入值
name=document.getElementById("myname").value;
//将获取的值作为请求页的参数
xmlHttp.open("GET","16-1.php?name="+name,true);
//定义准备状态发生改变时的句柄函数
xmlHttp.onreadystatechange=handle_f;
//向服务器发送请求
xmlHttp.send(null);
}
function handle_f()
{
if(xmlHttp.readyState==4) //如果传递完成
{
if(xmlHttp.status==200) //如果服务器返回OK
{
//解析从服务器返回的字符串
result=xmlHttp.responseText;
//用取得的字符串更新页面中的层的内容
document.getElementById("message").innerHTML="<b><u>"+result+"<u></b>";
}
else //如果服务器没有返回200
{
alert("执行过程中出现问题,服务器返回:"+xmlHttp.statusText);
}
}
}
</script>
</head>
<body>
请输入你的名称:
<p>
<input type="text" id="myname">
<p>
<input type="button" value="提交" onclick="process()">
<p>
<div id="message"></div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -