📄 17-9.htm

📁 php 和 ajax 开发的一些资料
💻 HTM
字号:
<html>
<head>
<title>
发送XML到服务器
</title>
<script language="javascript">
var xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
function createxmlcon()
{
  var xml="<members>";
  var options=document.getElementById("s_c").childNodes;
  var option=null;
  for(var i=0;i<options.length;i++)
  {
    option=options[i];
	if(option.selected)
	{
	  xml=xml+"<member>"+option.value+"<\/member>";
	}
  }
  xml=xml+"<\/members>";
  return xml;
}
function go()
{
  var date=new Date();
  temp=date.getTime();
  var url="17-9.php?timestamp="+temp;
  xmlcon=createxmlcon();
  //alert(xmlcon);
  xmlHttp.open("POST",url,true);						//打开请求
  xmlHttp.setRequestHeader("content-length",xmlcon.length);
  xmlHttp.setRequestHeader("content-type","application/x-www-form-urlencoded");
  xmlHttp.onreadystatechange=handle_f;					//定义句柄函数
  xmlHttp.send(xmlcon);							//向服务器发送请求
}
function handle_f()
{
  if(xmlHttp.readyState==4)							//如果传递完成
  {
    if(xmlHttp.status==200)							//如果服务器返回OK
    {
      parseResult();								//调用获取结果函数
    }
    else											//如果服务器没有返回200
    {
      alert("执行过程中出现问题，服务器返回："+xmlHttp.statusText);
    }
  }
}
function parseResult()
{
  var obj=document.getElementById("result");
  if(obj.hasChildNodes())
  {
    obj.removeChild(obj.childNodes[0]);
  }
  text=xmlHttp.responseText;
  var obj_text=document.createTextNode(text);
  obj.appendChild(obj_text);
}
function refresh()
{
  var options=document.getElementById("s_c");
  options.value='';
}
</script>
</head>
<body>
按CTRL键选择多项内容：
<form>
<select id="s_c" multiple size="11" style="width:100px">
<option value="孙悟空">孙悟空</option>
<option value="牛魔王">牛魔王</option>
<option value="二郎神">二郎神</option>
<option value="大鹏王">大鹏王</option>
<option value="六耳猴">六耳猴</option>
<option value="红孩儿">红孩儿</option>
<option value="九头虫">九头虫</option>
<option value="猪八戒">猪八戒</option>
<option value="银角王">银角王</option>
<option value="沙和尚">沙和尚</option>
<option value="黑熊怪">黑熊怪</option>
</select>
<p>
<input type=button value="选择人物" onclick="go()"><input type="button" value="重新选择" onclick="refresh()">
<div id="result">
</div>
</form>
</div>
</body>
</html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -