gpt4 book ai didi

AJAX使用post发送数据xml格式接受数据

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 27 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章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 。

  。

复制代码代码如下:

<!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> 。

  。

chuli.php 。

  。

复制代码代码如下:

<?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 = "<mes>",

foreach($result as $row) { $info .= "<res>",

$info .= "<id>" . $row['region_id'] . "</id>",

$info .= "<name>" . $row['region_name'] . "</name>",

$info .= "</res>"; } 。

$info .= "</mes>",

echo $info,

?> 。

  。

  。

3.数据库函数 。

function.php 。

复制代码代码如下:

<?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; } 。

  。

最后此篇关于AJAX使用post发送数据xml格式接受数据的文章就讲到这里了,如果你想了解更多关于AJAX使用post发送数据xml格式接受数据的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com