webrequestandwebrequestexecutor.js

ajax实例,可以了解ajax的原理

var getPage;
var postPage;
var displayElement;

function pageLoad()
{
    getPage = "GetTarget.xml";
    postPage = "PostTarget.aspx";
    displayElement = $get("resultId");
}

function GetWebRequest()
{
    // 创建WebRequest对象
    var wRequest =  new Sys.Net.WebRequest();
    
    // url - 请求的url 
    wRequest.set_url(getPage);
    
    // getResolvedUrl() - 转换为可用url
    alert(wRequest.getResolvedUrl());
    
    // httpVerb - HTTP请求方式“GET”或“POST”
    wRequest.set_httpVerb("GET");
          
    // userContext - 用户上下文
    wRequest.set_userContext("webabcd");
            
    wRequest.add_completed(OnWebRequestCompleted);
    
    displayElement.innerHTML = "";
               
    // invoke() - 执行请求
    wRequest.invoke();
}

function PostWebRequest()
{
    // 创建WebRequest对象
    var wRequest =  new Sys.Net.WebRequest();
    
    // url - 请求的url 
    wRequest.set_url(postPage);
    
    // timeout - 超时时间
    wRequest.set_timeout(500);
    
    var body = "Message=信息信息信息信息信息信息信息信息信息信息信息信息信息信息信息"
    // body - HTTP的Body内容
    wRequest.set_body(body);

    // headers - HTTP的头信息
    wRequest.get_headers()["Content-Length"] = body.length;
            
    wRequest.add_completed(OnWebRequestCompleted);

    displayElement.innerHTML = "";
               
    // invoke() - 执行请求
    wRequest.invoke();  
}

// executor - WebRequestExecutor对象
function OnWebRequestCompleted(executor, e) 
{        
    // responseAvailable - 请求是否成功完成
    if(executor.get_responseAvailable()) 
    {
        displayElement.innerHTML = "";
   
        // 显示Web Request的用户上下文
        // webRequest - 获得与当前executor相关的WebRequest对象
        // userContext - 用户上下文
        displayElement.innerHTML += "User Context：" + executor.get_webRequest().get_userContext();
        displayElement.innerHTML += "<br /><br />";
   
        // 显示Web Request的状态      
        // statusCode - 状态代码
        // statusText - 状态信息
        displayElement.innerHTML += "Status Code：" + executor.get_statusCode();
        displayElement.innerHTML += "Status Text：" + executor.get_statusText();
        displayElement.innerHTML += "<br /><br />";
  
        // 显示Web Request的所有Header          
        // getAllResponseHeaders() - 获得全部头信息
        displayElement.innerHTML += "Headers：" + executor.getAllResponseHeaders();
        displayElement.innerHTML += "<br /><br />";
        
        // 显示Web Request的指定Header
        // getResponseHeader() - 获得指定头信息
        displayElement.innerHTML += executor.getResponseHeader("Content-Type");
        displayElement.innerHTML += "<br /><br />";
        
        // 显示Web Request的Body                 
        displayElement.innerHTML += "Body：";
        if (document.all)
        {
            // responseData - 响应当前请求的Body文本
            displayElement.innerText += "\r\n" + executor.get_responseData();
        }
        else
        {
            // Firefox
            displayElement.textContent += "\r\n" + executor.get_responseData();
        }
        displayElement.innerHTML += "<br /><br />";
        
        // 显示XML数据
        displayElement.innerHTML += "XML：";
        if (document.all)
        {
            // xml - 响应当前请求的XMLDOM对象
            displayElement.innerText += "\r\n" + executor.get_xml().xml;
        }
        else
        {
            // Firefox
            displayElement.textContent += "\r\n" + "首节点：" + executor.get_xml().documentElement.nodeName;
        }
    }
    else
    {
        // timedOut - 请求是否超时
        if (executor.get_timedOut())
        {
            alert("超时");
        }
        // aborted - 请求是否被终止
        else if (executor.get_aborted())
        {
            alert("请求被终止");
        }
    }
}

// 通知ScriptManager这段脚本已经加载完毕  
if (typeof(Sys) !== "undefined") Sys.Application.notifyScriptLoaded();