📄 exampleloadrsspost.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example: Simple XHR</title>
<style type="text/css">
@import 'form.css';
</style>
<script type="text/javascript" src="../DOMhelp.js"></script>
<script type="text/javascript">
XHR={
init:function(){
var XHRcaller;
try{
XHRcaller = new XMLHttpRequest();
} catch (error) {
try {
XHRcaller = new ActiveXObject("Microsoft.XMLHTTP");
} catch (error) {
XHRcaller = null;
}
}
if (XHRcaller != null){
XHRcaller.onreadystatechange = function(){
if (XHRcaller.readyState == 1){
document.getElementById('navcontainer').innerHTML='<img src="indicator_big.gif" alt="loading" />'
}
if (XHRcaller.readyState == 4){
if (/200|304/.test(XHRcaller.status)){
XHR.retrieved(XHRcaller);
} else{
XHR.failed(XHRcaller);
}
}
return true;
}
parameters="url=http://mfrost.typepad.com/cute_overload/rss.xml";
XHRcaller.open("POST", "loadrss.php");
XHRcaller.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
XHRcaller.setRequestHeader("Content-length", parameters.length);
XHRcaller.setRequestHeader("Connection", "close");
XHRcaller.send(encodeURI(parameters));
} else {
return false;
}
return true;
},
retrieved:function(caller){
var content='';
var data=caller.responseText;
data=data.match(/<img.*?>/g);
for(var i=0;i<data.length;i++){
content+=data[i];
}
document.getElementById('navcontainer').innerHTML=content;
},
failed:function(requester){
alert("The XMLHttpRequest failed with status code: " + requester.status);
return true;
}
}
</script>
</head>
<body>
<a href="#" onclick="XHR.init(this,'http://www.456bereastreet.com/feed_ql.xml');return false;">load cute</a>
<div id="navcontainer">
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -