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

用户名：

密  码：

地  址：

 

 

chuli.php

//3号线
header("Cache-Control:no-cache");

header("Content-Type: text/xml; charset=gb2312");//这里要写XML

require("function.php");

$id = $_POST['id'];

file_put_contents("my1.txt",$act . "------" . $ziduan);

$result = getresultById($id);

$info = "";

foreach($result as $row)
{
$info .= "";

$info .= "" . $row['region_id'] . "";

$info .= "" . $row['region_name'] . "";

$info .= "";
}

$info .= "";

echo $info;

?>

3.数据库函数

function.php

function getresultById($id)
{
$con = mysql_connect("localhost","root","");

if($con)
{
$charset = "gb2312";
mysql_query("SET character_set_cOnnection=$charset, character_set_results=$charset, character_set_client=binary"); //这句是必须的，解决中文乱码加密问题s
mysql_select_db("ajax",$con);

$sql = "select * from ecs_region where parent_id = '$id'";

$res = mysql_query($sql);
$arr = array();
while($row = mysql_fetch_assoc($res))
{
$arr[] = $row;
}

return $arr;
}
return false;
}