- 浏览: 33112 次
- 性别:
- 来自: 广州
最新评论
服务器端:loginServerXml.jsp
在lib下要有dom4j-1.6.jar ,dom4j是一个非常优秀的Java XML API,具有性能优异、功能强大和极端易用的特点)
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="org.dom4j.*" %>
<%@ page import="org.dom4j.io.*" %>
<%
SAXReader sax=new SAXReader();
Document dom=sax.read(request.getInputStream());
Element root=dom.getRootElement();
String userName=root.element("userName").getStringValue();
String password=root.element("password").getStringValue();
String msg="";
if(userName.equals("11")&&password.equals("11")){
msg="登陆成功xml方式";
}else{
msg="登陆失败xml方式";
}
response.getWriter().write(msg);
%>
客户端:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Ext.Ajax.request提交XML数据示例</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
<script type="text/javascript" src="ext-all.js" ></script>
<script type="text/javascript" src="locale/ext-lang-zh_CN.js"></script>
</head>
<body>
<form id="xmlloginForm">
用户名:<input name="username" type="text">
密码:<input type="password" name="password" >
<input type="button" value="登录" onclick="xmllogin()">
</form>
<script type="text/javascript">
function xmllogin(){
var requestConfig={
url:'extajax/loginServerXml.jsp',//请求的服务器地址
xmlData:getXml( ), //发送xml文档对象
callback:function(options,success,response){
var msg=["请求是否成功:",success,"\n","服务器返回值:",response.responseText];
alert(msg.join(''));
}
}
Ext.Ajax.request(requestConfig); //发送请求
}
function getXml(){
var name=document.forms[0].username.value; //获取表单中的用户名信息
var pwd=document.forms[0].password.value; //获取表单中的密码信息
var dom=new ActiveXObject("msxml2.DOMDocument"); //创建Dom对象
var header=dom.createProcessingInstruction("xml","version='1.0'"); //创建xml文件头
dom.appendChild(header);
var root=dom.createElement("loginInfo");//创建根节点loginInfo
var userName=dom.createElement("userName");
userName.text=name; //为节点赋值
var password=dom.createElement("password");
password.text=pwd; //为节点赋值
root.appendChild(userName); //将userName添加到根节点中
root.appendChild(password);//将password添加到根节点中
dom.appendChild(root); //将根节点添加到root
return dom;
}
</script>
</body>
</html>
Ext.Ajax.request提交XML数据
XML文档作为信息的载体在Ajax应用中占据着极其重要的地位,将客户端信息封装为XML文档与服务器进行交互是极其常见的Ajax操作。
以上代码演示了创建XML数据并通过Ext.Ajax.request方法提交到后台服务器的方法。其中
xmlData:getXml( )配置指明了要提交的XML数据
在lib下要有dom4j-1.6.jar ,dom4j是一个非常优秀的Java XML API,具有性能优异、功能强大和极端易用的特点)
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="org.dom4j.*" %>
<%@ page import="org.dom4j.io.*" %>
<%
SAXReader sax=new SAXReader();
Document dom=sax.read(request.getInputStream());
Element root=dom.getRootElement();
String userName=root.element("userName").getStringValue();
String password=root.element("password").getStringValue();
String msg="";
if(userName.equals("11")&&password.equals("11")){
msg="登陆成功xml方式";
}else{
msg="登陆失败xml方式";
}
response.getWriter().write(msg);
%>
客户端:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>Ext.Ajax.request提交XML数据示例</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
<script type="text/javascript" src="ext-all.js" ></script>
<script type="text/javascript" src="locale/ext-lang-zh_CN.js"></script>
</head>
<body>
<form id="xmlloginForm">
用户名:<input name="username" type="text">
密码:<input type="password" name="password" >
<input type="button" value="登录" onclick="xmllogin()">
</form>
<script type="text/javascript">
function xmllogin(){
var requestConfig={
url:'extajax/loginServerXml.jsp',//请求的服务器地址
xmlData:getXml( ), //发送xml文档对象
callback:function(options,success,response){
var msg=["请求是否成功:",success,"\n","服务器返回值:",response.responseText];
alert(msg.join(''));
}
}
Ext.Ajax.request(requestConfig); //发送请求
}
function getXml(){
var name=document.forms[0].username.value; //获取表单中的用户名信息
var pwd=document.forms[0].password.value; //获取表单中的密码信息
var dom=new ActiveXObject("msxml2.DOMDocument"); //创建Dom对象
var header=dom.createProcessingInstruction("xml","version='1.0'"); //创建xml文件头
dom.appendChild(header);
var root=dom.createElement("loginInfo");//创建根节点loginInfo
var userName=dom.createElement("userName");
userName.text=name; //为节点赋值
var password=dom.createElement("password");
password.text=pwd; //为节点赋值
root.appendChild(userName); //将userName添加到根节点中
root.appendChild(password);//将password添加到根节点中
dom.appendChild(root); //将根节点添加到root
return dom;
}
</script>
</body>
</html>
Ext.Ajax.request提交XML数据
XML文档作为信息的载体在Ajax应用中占据着极其重要的地位,将客户端信息封装为XML文档与服务器进行交互是极其常见的Ajax操作。
以上代码演示了创建XML数据并通过Ext.Ajax.request方法提交到后台服务器的方法。其中
xmlData:getXml( )配置指明了要提交的XML数据
发表评论
-
Ext.data.TreeStore 分级异步加载树节点示例
2013-07-10 15:36 2059Ext.data.TreeStore远程加载树节点有两种常用方 ... -
Ext.Ajax.request提交JSON数据
2013-07-10 09:29 1349JSON作为轻量级的数据传输格式,在很多时候可以作为XML文件 ... -
Ext.Ajax.request异步提交表单示例
2013-07-09 16:10 1044服务器端代码:loginServer.jsp <%@ ... -
树形面板Ext.tree.Panel
2013-07-05 15:19 639<!DOCTYPE html PUBLIC " ... -
relayEvents传播分发事件
2013-07-04 14:17 687<!DOCTYPE html PUBLIC " ... -
Extjs自定义事件
2013-07-04 10:54 430<!DOCTYPE html PUBLIC " ... -
改变文档样式风格示例
2013-07-04 10:55 770<!DOCTYPE html PUBLIC " ... -
ExtJS事件绑定方式示例
2013-07-04 10:55 666<!DOCTYPE html PUBLIC " ... -
Ext.util.JSON编码和解码JSON对象
2013-07-03 15:27 938<script type="text/java ... -
Ext.util.Format提供的常用格式化方法
2013-07-03 14:57 1323<!DOCTYPE html PUBLIC " ... -
Ext.util.ClickRepeater 事件的配置和触发
2013-07-03 11:55 741Ext.util.ClickRepeater 继承Ext.ut ... -
样式表的创建和规则获取示例
2013-07-03 10:44 510<!DOCTYPE html PUBLIC " ... -
Ext.KeyNav为元素提供简单的按键处理方法示例
2013-07-03 09:46 842<!DOCTYPE html PUBLIC " ... -
Ext常用函数
2013-07-01 16:42 621函数一:Ext.onReady() Ext的Dom都是动态生成 ... -
水平盒布局HBox
2013-07-01 15:43 477<!DOCTYPE html PUBLIC " ... -
表格布局
2013-07-01 15:18 515<!DOCTYPE html PUBLIC " ... -
Ext.layout.container.Column布局
2013-07-01 15:18 726<script type="text/java ... -
Absolute绝对位置布局示例
2013-07-01 14:35 390Ext.layout.container.Absolute对应 ... -
Card 卡片式布局
2013-06-28 16:40 946<!DOCTYPE html PUBLIC " ... -
Ext.layout.container 标准布局类
2013-06-28 15:48 761<!DOCTYPE html PUBLIC " ...
相关推荐
在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...
- **灵活性**:`Ext.Ajax.request`可以发送任意JSON、XML或其他类型的数据,因为你可以自定义`params`和`headers`,以及`requestMethod`(POST、GET、PUT等)。 - **非表单提交**:不局限于表单数据,可以处理更...
在JavaScript编程中,`Ext.Ajax.request`是Ext JS库中的一个核心方法,用于发起Ajax(异步JavaScript和XML)请求。它允许开发者与服务器进行数据交互,无需刷新整个页面,提高了用户体验。然而,当你尝试将`Ext.Ajax...
使用 `Ext.Ajax.request` 方法提交 XML 数据同样非常便捷。 - **基本步骤**: 1. 创建 XML 文档对象。 2. 使用 `Ext.Ajax.request` 方法发送该对象到服务器。 - **示例代码**: ```javascript function getXml...
在IT行业中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于网页上的异步数据交互,无需刷新整个页面即可实现局部更新。"Ext Ajax 上传文件"这个主题涉及到的是使用Ext JS框架中的Ajax组件来实现文件的...
3. **发送数据:** 在`Ext.Ajax.request`中,可以通过`params`字段传递数据,或者使用`jsonData`、`xmlData`等字段直接传入JSON或XML格式的数据。 4. **处理响应:** 成功或失败的回调函数接收两个参数,分别是响应...
第二个示例展示了如何通过`Ext.Ajax.request`异步提交表单数据。在这个例子中,我们首先定义了一个简单的HTML表单,并为提交按钮绑定了一个`login`函数。当用户点击提交按钮时,`login`函数会被调用,从而触发Ajax...
创建了 **Ext.data.Connection** 实例后,可以调用 `request()` 函数来发送请求。该函数接受多个参数,如: - **url**: 请求的目标URL。 - **params**: 请求参数。 - **method**: 请求方法(GET、POST等)。 - **...
除了使用`Store`,Sencha Touch2还提供了`Ext.Ajax.request`方法,这是一种更直接的使用AJAX的方式,适用于特定场景下的数据请求。 ```javascript Ext.Ajax.request({ method: 'POST', url: prefix + '/doc/...
2. **Ext.Ajax.request**:Ext2.0框架提供的一个强大的Ajax请求方法,可以方便地发送请求并处理响应。 3. **跨浏览器兼容性**:通过检测不同浏览器支持的特性来选择合适的XMLHttpRequest实现方式。 #### 五、总结 ...
### ext/与Ajax结合获取后台数据的说明及实例 #### 一、引言 随着Web技术的不断发展,前端框架和Ajax技术的结合越来越普遍。在本文档中,我们将详细介绍如何利用ExtJS(简称ext/)与Ajax技术相结合来实现从前端...
2. **Ajax提交表单**:当表单需要异步提交时,可以利用`Ext.Ajax.request`方法。这个方法接受一个配置对象,其中包含了URL、方法(GET或POST)、数据、成功和失败的回调函数等参数。在本例中,你可能将表单的提交...
12.1.3 Ext.Ajax.request提交XML数据 12.2 Ext.Updater基础 12.2.1 Ext.Updater.update方法 12.2.2 Ext.Updater.update操作示例 12.3 利用Ajax优化Web应用框架 12.3.1 多级联动菜单 12.3.2 Ajax修改用户密码 ...
12.1.3 Ext.Ajax.request提交XML数据 12.2 Ext.Updater基础 12.2.1 Ext.Updater.update方法 12.2.2 Ext.Updater.update操作示例 12.3 利用Ajax优化Web应用框架 12.3.1 多级联动菜单 12.3.2 Ajax修改用户密码 ...
8. **表单提交**:EXT Ajax库可以直接处理表单数据,将表单内容编码为请求体,简化表单提交操作。 9. **错误处理**:当请求出错时,EXT Ajax库会触发错误事件,帮助开发者捕获和处理错误。 10. **示例和文档**:...
在ExtJS中,可以通过`Ext.Ajax.request`方法来发送Ajax请求。该方法接受一个配置对象作为参数,配置对象中可以指定请求的相关信息,如URL、请求类型(GET或POST)、回调函数等。 ##### 示例代码: ```javascript ...
Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器交换数据并局部更新页面,提高了交互性。EXT是一个流行的JavaScript框架,它提供了丰富的组件库,简化了前端开发。在这个场景...
通过JSON或XML等格式,C#后端可以与Ext JS前端交换数据,实现前后端的数据同步。 总的来说,"Ext 中文 API 和 ext js例子"提供的资源是学习和掌握Ext JS的关键,它们涵盖了从基本组件到高级功能的所有内容,同时,...
- 使用`Ext.Ajax.request`方法发起Ajax请求,该方法接受一系列参数,如URL、方法(GET或POST)、数据、回调函数等。 2. **请求配置**: - `url`: 发送请求的目标地址。 - `method`: HTTP方法,通常为GET或POST。...
EXTJS中的`Ext.Ajax`类提供了异步发送Ajax请求的能力,它封装了原生的XMLHttpRequest对象,简化了API接口,允许我们更便捷地处理JSON、XML等数据格式。 2. **使用方法**: 要发送一个Ajax请求,你可以创建一个`...