`

Ajax original request and how to skip J2EE framework

 
阅读更多
原生ajax request:
//===================Ajax Frame Start======================================
var xmlRequest=null;
//Send Ajax Request
function ajaxRequest(url){
	xmlRequest = null;
	if(window.ActiveXObject){
		xmlRequest = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		xmlRequest = new XMLHttpRequest();
	}
	//'GET',URL asynchronous
  	xmlRequest.open("GET", url, true);
  	xmlRequest.onreadystatechange=invoke; 
  	xmlRequest.send(null);
}
//Callback Method For Ajax Request
function invoke(){
	if(xmlRequest != null && xmlRequest.readyState == 4) {
		if (xmlRequest.status == 200) {
			parse(xmlRequest);
		} else {
			alert("Ajax call failed!");
		}
	}
}
//Parse XML For Ajax Request
function parse(xmlRequest){
	var xmlDoc = xmlRequest.responseXML;
	var message = xmlDoc.getElementsByTagName("Message")[0].childNodes[0].nodeValue;
	var errors = xmlDoc.getElementsByTagName("Error");
	if(errors.length!=0){
		for(var i=0;i<errors.length;i++){
			message = message+"\n"+errors[i].childNodes[0].nodeValue;
		}
	}
	alert(message);
} 
//===================Ajax Frame End======================================


Example: html call BW, skip J2EE framework.
<!DOCTYPE HTML>
<head><script>
calculate=function(){

	var a  = document.getElementById("007").value;
	var b  = document.getElementById("009").value;
	var c  = document.getElementById("sel_op").value;
	var Host = "";
	var Post = ""
	if(verify(a)&&verify(b)){

		try {
		
			var posturl = encodeURI("http://10.114.206.147:40252/myself/intfProcess_Definition-service.serviceagent/portTypeEndpoint1");
			var requestXml = "<soapenv:Envelope xmlns:soapenv=\"http://schemas.xmlsoap.org/soap/envelope/\" xmlns:sch=\"http://www.tibco.com/schemas/test/myself/Schema.xsd\">" + 
				"<soapenv:Header/>" + 
				"<soapenv:Body>" + 
					"<sch:root>" + 
						"<sch:valueA>" + Number(a) + "</sch:valueA>" + 
						"<sch:valueB>" + Number(b) + "</sch:valueB>" + 
						"<sch:po>" + c + "</sch:po>" + 
					"</sch:root>" + 
				"</soapenv:Body>" + 
			"</soapenv:Envelope>";
		 
			var xmlHttpReq = false;
			var self = this;
			if (window.XMLHttpRequest) {
				self.xmlHttpReq = new XMLHttpRequest();
			}else if (window.ActiveXObject) {
				self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
			}
			self.xmlHttpReq.open('POST', posturl, true);
			self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
			self.xmlHttpReq.setRequestHeader('SOAPAction', '/myself/intfProcess_Definition-service.serviceagent/portTypeEndpoint1/Process_sp_DefinitionOp');
			self.xmlHttpReq.onreadystatechange = function() {
				console.log(self.xmlHttpReq.readyState);
				if (self.xmlHttpReq.readyState == 4) {
					console.log(self.xmlHttpReq.status);
					if (self.xmlHttpReq.status == 200) {
						var strResponse= self.xmlHttpReq.responseText;
						console.log('strResponse='+strResponse);
						parse(self.xmlHttpReq);
					}
				}
			}
			self.xmlHttpReq.send(requestXml);
		} catch (e) {
			alert(e);
		}
	}else{
		alert("Pls enter a valid number!");
	}
}

function parse(xmlRequest){
	var xmlDoc = xmlRequest.responseXML;
	var result = xmlDoc.getElementsByTagName("ns0:result")[0].childNodes[0].nodeValue;
	document.getElementById("010").value= result;
} 

var verify = function(value){
	if(value==''||value==undefined){
		return  false;
	}
	return true;
}


</script>
</head>
<body>
	<div style="padding: 30px; border:1px solid blue; width:300px;">
	<table>
		<tr>
			<th colspan='5' align="left">Calculation: A+B=?</th>
		</tr>
		<tr>
			<td><input style="width:75px;" onkeyup="this.value=this.value.replace(/\D/g,'')" id='007' type='text' ></td>
			<td>
				<select id="sel_op">
					<option value="+">+</option>
					<option value="-">-</option>
					<option value="*">*</option>
					<option value="/">/</option>
				</select>
			</td>
			<td><input style="width:75px;" onkeyup="this.value=this.value.replace(/\D/g,'')" id='009'  type='text'  ></td>
			<td>=</td>
			<td><input style="width:75px;" id='010' type='text'></td>
		</tr>
		<tr>
			<TD></TD>
			<TD></TD>
			<td><input id='011' type='button' value='calculate' onclick='calculate()' style="background-color:cyan;" ></td>
			<TD></TD>
			<TD></TD>
		</tr>
	</table>
	<div>
</body>

 

分享到:
评论

相关推荐

    Ext.Ajax.request跨域

    标题"Ext.Ajax.request跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式,它允许开发者向服务器发送异步HTTP请求。然而,由于浏览器的同源策略...

    Ext.Ajax.request2.x实现同步请求

    在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...

    AjaxRequest(Ajax使用包)

    **AjaxRequest(Ajax使用包)** Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。AjaxRequest是实现Ajax功能的一个工具包,它...

    Ajax.Request

    $('result').value = originalRequest.responseText; } ``` 这段代码展示了如何使用`Ajax.Request`类来发起一个GET请求,并且在请求完成后调用`showResponse`函数来处理响应数据。具体来说: 1. **选择员工和年份...

    Using Google Web Toolkit (GWT) for Developing AJAX-Based Web Applications for the SAP NetWeaver J2EE Framework.pdf

    ### 使用Google Web Toolkit (GWT) 开发基于AJAX的SAP NetWeaver J2EE框架Web应用 #### 概述 本文档旨在提供一种利用Google Web Toolkit (GWT) 在SAP NetWeaver J2EE框架下开发AJAX基础Web应用的方法。SAP ...

    Ajax简易网络公告演示系统(J2EE版)

    【Ajax简易网络公告演示系统(J2EE版)】是一个基于J2EE平台的Web应用程序,它巧妙地结合了Ajax、DIV+CSS3、MySQL数据库和Servlet等技术,以实现一个高效、动态且用户友好的公告展示系统。在这个系统中,Ajax...

    Ext.Ajax.request 小问题收集

    这篇文章将深入探讨`Ext.Ajax.request`的使用,以及在实际应用中可能遇到的小问题。 首先,`Ext.Ajax.request`的基本语法如下: ```javascript Ext.Ajax.request({ url: 'your-url', method: 'GET', // 可选值有...

    基于J2EE的Ajax宝典--源代码

    Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新,提升了用户体验。在J2EE(Java 2 Platform, ...

    ajax下载 ajx jquery下载 ajax jquery-1.2.6.js下载 j2ee jquery下载

    Ajax(异步JavaScript和XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现局部刷新,从而提高了用户体验。jQuery是JavaScript的一个库,它极大地...

    AJAXRequest 开发者手册

    在Web开发领域,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。AJAXRequest是实现AJAX技术的一种库或工具,它简化了...

    Ajax_基于J2EE的Ajax宝典.rar

    Ajax,全称为"Asynchronous JavaScript and XML",是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术通过在后台与服务器进行少量数据交换,使网页实现异步更新,提升了用户体验,使得用户在...

    ajax分页案例1-j2ee

    Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。在这个案例中,我们将深入探讨如何在Java EE(J2EE)环境中实现Ajax分页,提升用户体验。 【描述】虽然描述...

    基于J2EE的Ajax宝典

    Ajax,全称为"Asynchronous JavaScript and XML",是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。Ajax的核心是JavaScript异步通信,它通过XMLHttpRequest对象与服务器进行交互,实现数据的后台...

    AjaxRequest 离线包

    AjaxRequest离线包是专为WEB网站开发者设计的一款工具,旨在提供一个可以在无网络连接环境下进行Ajax开发的解决方案。这个离线包包含了所有必要的组件和库,使得开发者能够在本地环境中模拟Ajax请求,进行功能测试和...

    基于J2EE的Ajax宝典.rar

    Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。Ajax的核心是JavaScript对象XMLHttpRequest,它...

    ajax.request和ajax.periodicalupdate用法讲解

    本文将详细讲解Prototype库中的两个关键Ajax方法:`Ajax.Request`和`Ajax.PeriodicalUpdater`。 ### 1. Ajax.Request `Ajax.Request`是Prototype库中最基础的Ajax请求方法,它允许开发者发起HTTP请求与服务器进行...

    基于J2EE的Ajax宝典.pdf.rar

    Ajax,即Asynchronous JavaScript and XML(异步JavaScript与XML),是一种在无需重新加载整个网页的情况下更新部分网页内容的技术,极大地提升了用户体验。在J2EE平台下,Ajax能够与Servlet、JSP、JavaBean等组件...

    Ajax与J2EE 项目实训教案.docx

    【Ajax与J2EE项目实训教案】是一门针对计算机科学与技术专业2016级学生的实践课程,旨在让学生熟练掌握网页设计与J2EE应用的结合,提升网站开发技能。课程涵盖了Ajax技术和J2EE三层架构的综合运用,通过案例和项目...

    J2EE的Ajax宝典

    J2EE(Java 2 Platform, Enterprise Edition)是Sun Microsystems为大型企业级应用提供的Java平台标准,而Ajax(Asynchronous JavaScript and XML)则是一种用于创建交互式网页应用的技术。将两者结合,意味着文档将...

Global site tag (gtag.js) - Google Analytics