ajax请求php返回xml数据格式,AJAX使用post发送数据xml格式接受数据

AJAX使用post发送数据xml格式接受数据,需要的朋友可以参考一下

注意点:

1.

用POST发送数据,在2号线函数(也是ajax发送数据的函数:ajaxCall)必须加上一句:xmlObject.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

接着使用xmlObject.send(data);发送

2.3号线函数要注意:

1.禁用缓存(建议,不必要):header("Cache-Control:no-cache");

2.使用XML数据格式必须加上:header("Content-Type: text/xml;

charset=gb2312");//这里要写XML

3.若使用WAMP5集成环境安装的MYSQL,在查询数据库时候,必须加上:

$charset = "gb2312";

mysql_query("SET

character_set_connection=$charset, character_set_results=$charset,

character_set_client=binary"); //这句是必须的,解决中文乱码加密问题s

否则就会乱码加密,今天我就是在这里浪费了很久时间,我是用ECSHOP GBK版

默认安装的数据库

4.若用XML接受数据,回调函数必须分IE和非IE处理,否则总是有一方娶不到XML数据

处理

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;

}

下面就是我做的一个省市联动测试

index.php

省事联动测试

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();//页面开始载入省

《script》

用户名:

密  码:

地  址:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值