⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 16-1.htm

📁 php 和 ajax 开发的一些资料
💻 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 + -