欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【AJAX使用post发送数据xml格式接受数据】，下面是详细的讲解！
AJAX使用post发送数据xml格式接受数据
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>省事联动测试</title>
<style type="text/css" >
select{
width:100px;
}
</style>
<script type="text/javascript" >
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<info.length;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();//页面开始载入省
</script>
</head>
<body>
<form action="javascript:void(0)" method="post">
<label for="username" >用户名：</label> <input type="text" name="username" id="username" width="60px" /><br />
<label for="psd" >密 码：</label> <input type="password" name="psd" id="psd" width="80px" /></br>
<label for="psd" >地 址：</label>
<select id="Province" onclick="getCity()">
</select>
<select id="City" onclick="getCounty()" >
</select>
<select id="County" name="xian" >
</select>
<input type="submit" value="提交" />
</form>
</body>
</html>
关于AJAX使用post发送数据xml格式接受数据的用户互动如下：
相关问题：jQuery ajax success返回值类型与什么有关
答：$.ajax({ type : function(jsonStr) { alert(jsonStr), dataType ;json", success : '.jsp”, url:http://www.baidu.com; } }) 这个回调函数中的参数 jsonStr是json格式的，请求后服务器端返回的数据会根据这个值解析后;，以执行回调函数，所以返... >>详细
相关问题：如何用http post的方式发送一个xml格式的数据,并且...
答：1 请使用Ajax框架，简化发送数据的复杂性 2 将xml数据利用 javascript document对象解析 3 再将解析后的document 利用json Api转为JSON 4 利用ajax框架 api ，将json串返回给 服务器程序 5 服务器 响应为text/xml类型，直接将结果返回个ajax框架... >>详细
相关问题：jQuery中通过ajax传递xml格式的数据到服务器报错，...
答：data可以这样传么？我怎么不知道。 要么是data:{a=a,b=b}，要么是data:"a=a&b=b"，不管是POST还是GET参数不都是以键值对的形式传递吗？不然后台怎么接收你传递的参数？getParameter what? 你可以改成data:{aaa: 'DAHUDAIUDAH '}.这样在后台用get... >>详细
- 【asp】asp.net url重写浅谈-net-url重写
- 【DataSet】DataSet、DataTable、DataRow区别详解
- 【asp】asp.net 动态添加多个用户控件-net-动态添
- 【ASP】ASP.NET中内嵌页面代码的一个问题-NET-内
- 【创建】ASP.NET Web API教程 创建域模型的方法详
- 【Asp】Asp.net 页面调用javascript变量的值-net-
- 【ASP】ASP.NET 5升级后如何删除旧版本的DNX-NET5
- 【404页面】ASP.NET设置404页面返回302HTTP状态码
- 【asp】asp.net开发中常见公共捕获异常方式总结(
- 【Visual】分享Visual Studio原生开发的10个调试
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-