Ajax客户端读取Rss知识.

最新推荐文章于 2014-03-06 14:42:58 发布

cxzhq2002

最新推荐文章于 2014-03-06 14:42:58 发布

阅读量894

点赞数

文章标签： ajax rss xmlhttprequest function null input

本文链接：https://blog.csdn.net/cxzhq2002/article/details/839600

版权

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>validator user</title>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script type="text/javascript">
var http_request=false;
function send_request(method,url){
http_request=false;
// inital HttpRequest
if(window.XMLHttpRequest){//Mozilla
http_request = new XMLHttpRequest();
if(http_request.overrideMimeType){//set Mime
http_request.overrideMimeType("text/xml");
}
}
else if(window.ActiveXObject){//IE Browser，use lasted version

var MSXML = ['MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP'];
for(var n = 0; n < MSXML.length; n ++)
{
try{
http_request = new ActiveXObject(MSXML[n]);
http_request.setRequestHeader('Content-Type', 'text/html; charset=gb2312');//相当于iFrame

break;
}
catch(e){}
}//End IE
}// End inital HttpRequest

if(!http_request){//Error, Creat object fail
window.alert("不能创建XMLHttpRequest对象实例")
return false;
}
http_request.onreadystatechange = processRequest;
//get post or head, and asychFlag??
http_request.open(method, url,true);
http_request.send(null);
}// END send_request()

function processRequest(){
if(http_request.readyState == 4){
if(http_request.status == 200){

clearPreviousResults();
parseResults();

}
//document.all["message"].innerHTML= http_request.responseText;}
}
}// End processRequest()

//清除前面resultsTitle里的数据
function clearPreviousResults() {
    var ListBody = document.getElementById("resultsTitle");
    while(ListBody.childNodes.length > 0) {
        ListBody.removeChild(ListBody.childNodes[0]);
    }
}

//解析xml, 然后送显;这里仅获取三个数据1.itme2.title,3 description
function parseResults() {
    var results = http_request.responseXML;
    var title = null;
var content=null;
    var item = null;

    var items = results.getElementsByTagName("item");
    for(var i = 0; i < items.length; i++) {
        item = items[i];
        title = item.getElementsByTagName("title")[0].firstChild.nodeValue;
  content=item.getElementsByTagName("description")[0].firstChild.nodeValue;
        addListRow(title,content);

    }

}
function addListRow(title,content) {
    var row = document.createElement("ul");
    var cell = createCellWithText(title);
var contentcell=createCellWithContent(content);
    row.appendChild(cell);
row.appendChild(contentcell);

    document.getElementById("resultsTitle").appendChild(row);
}

function createCellWithText(text) {
    var cell = document.createElement("li");
    var textNode = document.createTextNode(text);

    cell.appendChild(textNode);

    return cell;
}
function createCellWithContent(content) {
var cell=document.createElement("h1")
var textNode = document.createTextNode(content);

    cell.appendChild(textNode);

    return cell;
}

function userCheck() {
var f = document.form1;
var username = f.targeturl.value;
if(username=="") {
window.alert("url不能为空。");
return false;
}
else{
send_request('GET',username);
}
}

</script>
</head>

<body>
<form name="form1">
<h2>Blog文章列表</h2>
<input type="text" id="targeturl" name="textfield" />
<input type="button" value="搜索" οnclick="userCheck();"/>
<div id="resultsTitle">
</div>
</body>
</html>

cxzhq2002

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax客户端读取Rss知识.

validator userhttp://www.w3.org/1999/xhtml" >var http_request=false;function send_request(method,url){http_request=false;// inital HttpRequestif(window.XMLHttpRequest){//Mozillahttp_request = new XMLH
复制链接

扫一扫