简单应用prototype的Ajax代理示例

最新推荐文章于 2025-08-06 13:42:32 发布

原创最新推荐文章于 2025-08-06 13:42:32 发布 · 612 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#prototype #ajax #asynchronous #url #function #div

java 专栏收录该内容

1 篇文章

订阅专栏

本文通过一个具体的示例展示了如何使用Ajax进行跨域数据请求。包括html页面设置、使用Prototype库发起请求、ASP代理文件及目标XML文件解析等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

学习Ajax有一两星期了,却一直没动手做些东西,今天练习了一下,感觉了一下效果,嘿嘿,不错!!!!!!!!

(1)html文件:

<html>
<head>
<title>ReadRSS</title>
<script src="js/prototype.js"></script>
<script>
function send_Request(url)
{
    var request_url = 'AJAXProxy.asp';                                    //用于代理的页面，调用发送时指定该页面。
    var request_pars = 'RSS_URL=' + url;
    alert(request_pars);
    var myAjax = new Ajax.Request(
        request_url,
        {
            method:'get',
            parameters:request_pars,
            asynchronous:true,       //true---异步;false---同步.默认为true
            onComplete:processRequest
        }
    );
}

function processRequest(XML_Http_Request){
    var results = XML_Http_Request.responseXML;
    var item = null;
    var userName = null;

<DIV id="div1"><a href="#" onclick="new Element.toggle('div2')">交替隐藏域</a></DIV>
<DIV id="div2">Hello!</DIV>
</body>
</html>

(2)AJAXProxy.asp本来想用jsp,但懒得启动tomcat,就简单用asp试试.

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<%
var http1=Server.CreateObject("Microsoft.XMLHTTP");
var _URL=Request("_url");
http1.Open("GET",_URL,false);
Response.ContentType="text/xml";
http1.send(null);
if(http1.readyState==4){
Response.BinaryWrite(http1.Responsebody);
}
http1=null;
%>

(3)pklist.xml

<?xml version="1.0" encoding="GBK"?>
<pklist lastModi="2007-01-01">
<cert index="1">
    <userName>EncryptCert</userName>
    <SN>1c4791f174941cfd</SN>
    <DN>EncryptCert</DN>
</cert>
<cert index="2">
    <userName>李四6666</userName>
    <SN>2c4791f174941cfd</SN>
    <DN>李四6666</DN>
</cert>
<cert index="3">
    <userName>五台山</userName>
    <SN>521777e2bd9f3098</SN>
    <DN>企业用户</DN>
</cert>
</pklist>