原生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跨域"指出我们将探讨如何使用ExtJS库中的Ajax模块进行跨域请求。Ext.Ajax.request是ExtJS提供的一种发起Ajax请求的方式,它允许开发者向服务器发送异步HTTP请求。然而,由于浏览器的同源策略...
在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...
**AjaxRequest(Ajax使用包)** Ajax,全称Asynchronous JavaScript and XML(异步JavaScript和XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。AjaxRequest是实现Ajax功能的一个工具包,它...
$('result').value = originalRequest.responseText; } ``` 这段代码展示了如何使用`Ajax.Request`类来发起一个GET请求,并且在请求完成后调用`showResponse`函数来处理响应数据。具体来说: 1. **选择员工和年份...
### 使用Google Web Toolkit (GWT) 开发基于AJAX的SAP NetWeaver J2EE框架Web应用 #### 概述 本文档旨在提供一种利用Google Web Toolkit (GWT) 在SAP NetWeaver J2EE框架下开发AJAX基础Web应用的方法。SAP ...
【Ajax简易网络公告演示系统(J2EE版)】是一个基于J2EE平台的Web应用程序,它巧妙地结合了Ajax、DIV+CSS3、MySQL数据库和Servlet等技术,以实现一个高效、动态且用户友好的公告展示系统。在这个系统中,Ajax...
这篇文章将深入探讨`Ext.Ajax.request`的使用,以及在实际应用中可能遇到的小问题。 首先,`Ext.Ajax.request`的基本语法如下: ```javascript Ext.Ajax.request({ url: 'your-url', method: 'GET', // 可选值有...
Ajax(Asynchronous JavaScript and XML)是一种在不刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新,提升了用户体验。在J2EE(Java 2 Platform, ...
Ajax(异步JavaScript和XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现局部刷新,从而提高了用户体验。jQuery是JavaScript的一个库,它极大地...
在Web开发领域,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。AJAXRequest是实现AJAX技术的一种库或工具,它简化了...
Ajax,全称为"Asynchronous JavaScript and XML",是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术通过在后台与服务器进行少量数据交换,使网页实现异步更新,提升了用户体验,使得用户在...
Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。在这个案例中,我们将深入探讨如何在Java EE(J2EE)环境中实现Ajax分页,提升用户体验。 【描述】虽然描述...
Ajax,全称为"Asynchronous JavaScript and XML",是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。Ajax的核心是JavaScript异步通信,它通过XMLHttpRequest对象与服务器进行交互,实现数据的后台...
AjaxRequest离线包是专为WEB网站开发者设计的一款工具,旨在提供一个可以在无网络连接环境下进行Ajax开发的解决方案。这个离线包包含了所有必要的组件和库,使得开发者能够在本地环境中模拟Ajax请求,进行功能测试和...
Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。Ajax的核心是JavaScript对象XMLHttpRequest,它...
本文将详细讲解Prototype库中的两个关键Ajax方法:`Ajax.Request`和`Ajax.PeriodicalUpdater`。 ### 1. Ajax.Request `Ajax.Request`是Prototype库中最基础的Ajax请求方法,它允许开发者发起HTTP请求与服务器进行...
Ajax,即Asynchronous JavaScript and XML(异步JavaScript与XML),是一种在无需重新加载整个网页的情况下更新部分网页内容的技术,极大地提升了用户体验。在J2EE平台下,Ajax能够与Servlet、JSP、JavaBean等组件...
【Ajax与J2EE项目实训教案】是一门针对计算机科学与技术专业2016级学生的实践课程,旨在让学生熟练掌握网页设计与J2EE应用的结合,提升网站开发技能。课程涵盖了Ajax技术和J2EE三层架构的综合运用,通过案例和项目...
J2EE(Java 2 Platform, Enterprise Edition)是Sun Microsystems为大型企业级应用提供的Java平台标准,而Ajax(Asynchronous JavaScript and XML)则是一种用于创建交互式网页应用的技术。将两者结合,意味着文档将...