html ajax post xml,AJAX使用post发送数据xml格式接受数据-CSDN博客

本文介绍了一个基于Ajax实现的省市区三级联动选择器的详细代码。该选择器使用JavaScript和Ajax技术动态加载数据，实现了从省份到城市再到区县的选择功能。文中包含了完整的函数说明及调用流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

省事联动测试

select{

width:100px;

}

var thisId = ""; //当前操作的selectI的D

var xmlObject; //ajax 对象全局变量，

function getAjaxObject()//AJAX 1号线,返回一个AJAX 对象引擎

{

var xmlObject ;

if(window.ActiveXObject)

{

xmlObject = new ActiveXObject("Microsoft.XMLHTTP");

}

else

{

xmlObject = new XMLHttpRequest();

}

return xmlObject ;

}

function ajaxCall(id) //ajax 二号线，这里采用 post 传递参数

{

xmlObject = new getAjaxObject();

if(xmlObject)

{

var url = "chuli.php";

var data = "id=" + id;

xmlObject.open("post",url,true);

xmlObject.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

xmlObject.onreadystatechange = repayFuncion;

xmlObject.send(data);

}

function repayFuncion() //ajax 四号线，这里采用 xml 接受数据，这里还涉及到xmldom编程

{

if(xmlObject.readyState==4 && xmlObject.status==200)

{

var info = getXMLData("res");//获取XML数据

$(thisId).length = 0;//清楚select 中的option节点

for(i=0;i

{

var optionId = info[i].childNodes[0].childNodes[0].nodeValue;

var optionValue = info[i].childNodes[1].childNodes[0].nodeValue;

var optionNode = document.createElement('option');

optionNode.value = optionId;

optionNode.innerText =optionValue;

$(thisId).appendChild(optionNode);

}

function getXMLData(tagName)//获取XML数据，分IE和非IE处理

{

var info;

if(window.ActiveXObject) //IE取回XML文件方法

{

var doc = new ActiveXObject("MSxml2.DOMDocument");

doc.loadXML(xmlObject.responseText);

info = doc.getElementsByTagName(tagName);

}

else //---------------------------非IE取回XML文件方法

{

info = xmlObject.responseXML.getElementsByTagName(tagName);

}

return info;

}

function $(id)//常用函数，通过ID取对象

{

return document.getElementById(id);

}

function getProvice()//获取省

{

thisId = "Province";

var id = '1';

ajaxCall(id);

}

function getCity()//获取市

{

thisId = "City";

$("County").length = 0;

var id = $("Province").value;

ajaxCall(id);

}

function getCounty()//获取县城

{

thisId = "County";

var id = $("City").value;

if($("City").length)

{

ajaxCall(id);

}

window.onlaod = getProvice();//页面开始载入省

用户名：

密码：

地址：