_*****注意事项*****_
--几个发送的信息头一定不能少
r.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
header("Content-type: text/xml");
<?xml version="1.0" encoding="utf-8"?>
--XMLHttpRequest.open()同步和异步方式
open方法的第三个参数,true为异步方式,false为同步方式
同步意味着等send方法执行为并正常返回信息后在执行后续部分
异步意味着不等待,直接执行后续部分,相当于程序在此分出2个岔路
js脚本中第一个必须为同步方式执行,否则会由于得不到x信息导致第二部分失败
--post/get
其参书写方式,变量名和等号之间不能有空格,否则在php中返回的变量名就会以下划线填充
--几个发送的信息头一定不能少
r.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
header("Content-type: text/xml");
<?xml version="1.0" encoding="utf-8"?>
--XMLHttpRequest.open()同步和异步方式
open方法的第三个参数,true为异步方式,false为同步方式
同步意味着等send方法执行为并正常返回信息后在执行后续部分
异步意味着不等待,直接执行后续部分,相当于程序在此分出2个岔路
js脚本中第一个必须为同步方式执行,否则会由于得不到x信息导致第二部分失败
--post/get
其参书写方式,变量名和等号之间不能有空格,否则在php中返回的变量名就会以下划线填充
_*****html文件*****_
<h1 id="i" onClick="fun()">
等待替换
</h1>
<script>
var e = document.getElementById('i')
function fun()
{
var r = new XMLHttpRequest();
//第一部分,获取xml文档
r.open('get', 'x.xml', false);
r.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
r.onreadystatechange = function ()
{
if(r.readyState == 4)
if(r.status == 200)
x = r.responseText;
}
r.send(null);
//第二部分把获取的xml文档txt以post方式在发往服务器解析,之后再次返回
r.open('post', 't.php', true);
r.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
r.onreadystatechange = function ()
{
if(r.readyState == 4)
if(r.status == 200)
e.innerHTML = r.responseXML.getElementById('xi').firstChild.nodeValue;
}
r.send('name=' + x);
}
</script>
_*****t.php文件*****_
<?
header("Content-type: text/xml");
echo $_POST['name'];
?>
_*****x.xml文件*****_
<?xml version="1.0" encoding="utf-8"?>
<do id="xi">
hello world!
</do>