`
tanglei198577
  • 浏览: 59958 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类

Send the request by XMLHttpRequest

阅读更多

Sending request is the asynchronous operation ,here is the code of sending on the widget:

function getRequest() { 
    http_request = false;
    if(window.XMLHttpRequest)
    {
        http_request = new XMLHttpRequest();//create a new XMLHttpRequest()
        if (http_request.overrideMimeType)
        {//set MIME type
            http_request.overrideMimeType("text/xml");
            DEBUG("dDisp", "sendRequest","http_request is XMLHttpRequest!");
        }

    }
    else if(window.ActiveXObject)
    {
        try
        {
            http_request = new ActiveXObject("MSXml2.XMLHTTP");
            DEBUG("dDisp", "sendRequest","http_request is MSXml2.XMLHTTP!");
        }
        catch(e)
        {
            try
            {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
                DEBUG("dDisp", "sendRequest","http_request is Microsoft.XMLHTTP!");
            }
            catch(e)
            {
              DEBUG("dDisp", "sendRequest","http_request is not match!");}
            }
    }
    if(!http_request)
    {
        DEBUG("dDisp","sendRequest","Can't create XMLHttpRequest object "+http_request);
        return false; 
    }
   return http_request; 
}

/**
* send the request
*/    
function getResponseText(){
	
    DEBUG("dDisp","sendRequest","Start to open XMLHttpRequest ");
    var vurl = document.getElementById("serverUrl").value;
    DEBUG("dDisp", "GetResponseText","Input URL is: " + vurl); 
    DEBUG("dDisp","sendRequest","Start to open XMLHttpRequest ");
     	  try {
		 http_request = new XMLHttpRequest();
		 http_request.open("post",vurl,true);
 		 http_request.onreadystatechange = function(){//callback function
		if (http_request.readyState==4){
                           DEBUG("dDisp", "ResponseData", http_request.status+"-"+http_request.readyState); 
 			   DEBUG("dDisp", "getResponseHeader", http_request.getResponseHeader("Content-Type")); 
                           DEBUG("dDisp", "getResponseText", http_request.responseText); 
			}
		}
		 http_request.setRequestHeader("Content-Type", "text/xml")
		 http_request.setRequestHeader("charset", "GBK");        
		 http_request.setRequestHeader("Widget-IMEI", "102");        
		 http_request.setRequestHeader("Widget-Timeout", "20");  
                 http_request.setRequestHeader("Widget-Action","Report"); 

                 //reportXml content
                 var reportXml = "<WidgetScriptResultResp>";
		 reportXml += i;
     		 reportXml += "</WidgetScriptResultResp>";
                 DEBUG("dDisp", "Loop:", i);
		 http_request.send(reportXml);				
	      }
	  catch (e) {
	  	       DEBUG("dDisp","sendRequest","Failed to open XMLHttpRequest ");
		       break;
		     }	
	}
    DEBUG("dDisp","sendRequest","Finished!");
}

 onreadystatechange() is the callback function of XMLHttpRequest,you can hanld the response of web service. readyState :0--before the open();1--before the send();2--request have been sent.3--request are handling with.4--request have been done.

0
0
分享到:
评论

相关推荐

    Send Http Request For Asp with json

    标题“Send Http Request For Asp with json”涉及的是在ASP(Active Server Pages)环境中使用HTTP请求发送JSON数据的技术。在ASP中,我们通常使用XMLHttpRequest对象或者ServerXMLHTTP对象来实现这种功能,这对于...

    Ajax之XMLHttpRequest详解

    var request = new XMLHttpRequest(); ``` #### 四、关键方法与属性详解 XMLHttpRequest对象提供了多个方法和属性来控制请求与响应的流程。 1. **`open()`方法**: - 用途:初始化一个到服务器的新请求。 - ...

    window.XMLHttpRequest详解(AJAX工作原理)1

    - **异步性**:如标题所述,AJAX中的“A”代表“异步”,意味着`XMLHttpRequest.send()`方法可以在不阻塞其他操作的情况下立即返回。这样,Web页面上的其他HTML或JavaScript代码可以继续执行,同时等待服务器处理...

    xmlHttpRequest用法示例ajax

    XMLHttpRequest(简称XHR)是JavaScript中的一个对象,用于在不刷新整个页面的情况下,与服务器进行异步数据交换,这是实现Ajax(Asynchronous JavaScript and XML)技术的基础。在本示例中,我们将深入探讨...

    XMLHttpRequest

    **XMLHttpRequest**(简称XHR)是Web开发中的一个关键技术,它允许JavaScript在不刷新整个页面的情况下与服务器进行异步数据交换。这个技术是Ajax(Asynchronous JavaScript and XML)的核心组成部分,尽管XML最初是...

    GWT中的xmlHttpRequest

    在GWT(Google Web Toolkit)开发中,XMLHttpRequest(XHR)是实现客户端与服务器间异步数据交换的关键技术。GWT提供了对XHR的封装,使得开发者可以方便地使用JavaScript的XMLHttpRequest对象,而无需直接接触底层的...

    XMLHTTPREQUEST

    ### XMLHTTPRequest对象详解 在现代Web开发中,客户端与服务器之间的数据交换是非常常见的需求之一。为了实现这种异步数据通信,JavaScript提供了一种强大的工具——`XMLHTTPRequest`对象。通过这个对象,开发者...

    全面剖析 Ajax XMLHttpRequest对象

    XMLHttpRequest对象是Ajax技术的核心,它是现代Web应用中用于实现客户端与服务器间异步数据交换的关键组件。在不刷新整个页面的情况下,XMLHttpRequest允许开发者通过JavaScript动态更新网页内容,极大地提升了用户...

    Ajax-hook:拦截由XMLHttpRequest发出的浏览器的AJAX请求-js源码

    在源网页加载之前,实现一个XMLHttpRequest的代理对象,然后覆盖全局的XMLHttpRequest,这样一但上层调用 new XMLHttpRequest这样的代码时,其实创建的是Ajax-hook的代理对象实例

    XMLHttpRequest使用小例子

    XMLHttpRequest(XHR)是Web开发中的一个关键技术,它允许JavaScript在不刷新整个页面的情况下与服务器进行数据交互,实现了页面的异步更新,极大地提升了用户体验。本教程将通过一个简单的例子来探讨XMLHttpRequest...

    外文翻译-XMLHttpRequest对象的使用 Using_the_XMLHttpRequest_Object

    Now that we’ve discussed the history of dynamic Web applications and introduced Ajax, it’s time to cover the heart of the matter: how to use the XMLHttpRequest object. While Ajax is more of a ...

    XMLHttpRequest Ajax 实现

    XMLHttpRequest Ajax xml http request

    JSP XMLHttpRequest动态无刷新及其中文乱码处理.docx

    http_request.send(null); } // 回调函数处理响应 function alertContents() { if (http_request.readyState == 4 && http_request.status == 200) { // 在这里处理服务器返回的数据,例如通过alert显示 alert...

    14_利用XMLHttpRequest接受与处理XML数据.doc

    在Web开发中,XMLHttpRequest(XHR)是一种关键的异步通信技术,用于在不刷新整个页面的情况下与服务器进行数据交互。这种技术对于实现Ajax(Asynchronous JavaScript and XML)应用程序至关重要,它允许用户与网页...

    XMLHttpRequest中文参考手册

    XMLHttpRequest(简称XHR)是Web开发中的一个关键技术,它允许JavaScript在不刷新整个页面的情况下与服务器进行异步数据交换,这种技术被称为AJAX(Asynchronous JavaScript and XML)。XMLHttpRequest中文参考手册...

    XMLHTTPRequest属性与方法

    ### XMLHTTPRequest属性与方法 #### 一、XMLHTTPRequest概述 **XMLHTTPRequest** 是一套重要的 API,它允许在浏览器端利用 JavaScript、VbScript 或 Jscript 等脚本语言通过 HTTP 协议发送请求和接收 XML 及其他...

Global site tag (gtag.js) - Google Analytics