`

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>

 

分享到：
| javaweb项目发布到tomcat后无法访问，问题 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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三层架构的综合运用，通过案例和项目...

    Beginning JavaScript with DOM Scripting and Ajax: Second Editon

    As well as focusing on client-side JavaScript, you will also learn how to work with the Browser Object Model, the Document Object Model (DOM), how to use XML and JSON as well as communicate with ...

Magicbox
Global site tag (gtag.js) - Google Analytics