`
tesia
  • 浏览: 33112 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

Ext.Ajax.request提交XML数据示例

阅读更多
服务器端: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数据
分享到:
评论

相关推荐

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

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

    Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别

    - **灵活性**:`Ext.Ajax.request`可以发送任意JSON、XML或其他类型的数据,因为你可以自定义`params`和`headers`,以及`requestMethod`(POST、GET、PUT等)。 - **非表单提交**:不局限于表单数据,可以处理更...

    ext-basex.js 进行Ext.Ajax.request 同步请求 FF无法正常

    在JavaScript编程中,`Ext.Ajax.request`是Ext JS库中的一个核心方法,用于发起Ajax(异步JavaScript和XML)请求。它允许开发者与服务器进行数据交互,无需刷新整个页面,提高了用户体验。然而,当你尝试将`Ext.Ajax...

    Ext中Ajax的应用

    使用 `Ext.Ajax.request` 方法提交 XML 数据同样非常便捷。 - **基本步骤**: 1. 创建 XML 文档对象。 2. 使用 `Ext.Ajax.request` 方法发送该对象到服务器。 - **示例代码**: ```javascript function getXml...

    Ext ajax 上传文件

    在IT行业中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于网页上的异步数据交互,无需刷新整个页面即可实现局部更新。"Ext Ajax 上传文件"这个主题涉及到的是使用Ext JS框架中的Ajax组件来实现文件的...

    Ext3.1 Ajax 精简包以及使用方法

    3. **发送数据:** 在`Ext.Ajax.request`中,可以通过`params`字段传递数据,或者使用`jsonData`、`xmlData`等字段直接传入JSON或XML格式的数据。 4. **处理响应:** 成功或失败的回调函数接收两个参数,分别是响应...

    extjs加载远程数据

    第二个示例展示了如何通过`Ext.Ajax.request`异步提交表单数据。在这个例子中,我们首先定义了一个简单的HTML表单,并为提交按钮绑定了一个`login`函数。当用户点击提交按钮时,`login`函数会被调用,从而触发Ajax...

    Ext.data专题

    创建了 **Ext.data.Connection** 实例后,可以调用 `request()` 函数来发送请求。该函数接受多个参数,如: - **url**: 请求的目标URL。 - **params**: 请求参数。 - **method**: 请求方法(GET、POST等)。 - **...

    sencha touch2 ajax 获取数据

    除了使用`Store`,Sencha Touch2还提供了`Ext.Ajax.request`方法,这是一种更直接的使用AJAX的方式,适用于特定场景下的数据请求。 ```javascript Ext.Ajax.request({ method: 'POST', url: prefix + '/doc/...

    使用Ext2.0的Ajax连接ArcIMS例子

    2. **Ext.Ajax.request**:Ext2.0框架提供的一个强大的Ajax请求方法,可以方便地发送请求并处理响应。 3. **跨浏览器兼容性**:通过检测不同浏览器支持的特性来选择合适的XMLHttpRequest实现方式。 #### 五、总结 ...

    ext/和Ajax结合的说明和例子,获得后台数据,很适合大家

    ### ext/与Ajax结合获取后台数据的说明及实例 #### 一、引言 随着Web技术的不断发展,前端框架和Ajax技术的结合越来越普遍。在本文档中,我们将详细介绍如何利用ExtJS(简称ext/)与Ajax技术相结合来实现从前端...

    完成的 Ajax 提交表单

    2. **Ajax提交表单**:当表单需要异步提交时,可以利用`Ext.Ajax.request`方法。这个方法接受一个配置对象,其中包含了URL、方法(GET或POST)、数据、成功和失败的回调函数等参数。在本例中,你可能将表单的提交...

    精通JS脚本之ExtJS框架.part1.rar

    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修改用户密码 ...

    精通JS脚本之ExtJS框架.part2.rar

    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修改用户密码 ...

    ext Ajax库 流行

    8. **表单提交**:EXT Ajax库可以直接处理表单数据,将表单内容编码为请求体,简化表单提交操作。 9. **错误处理**:当请求出错时,EXT Ajax库会触发错误事件,帮助开发者捕获和处理错误。 10. **示例和文档**:...

    ExtJS深入浅出-基础ajax教程

    在ExtJS中,可以通过`Ext.Ajax.request`方法来发送Ajax请求。该方法接受一个配置对象作为参数,配置对象中可以指定请求的相关信息,如URL、请求类型(GET或POST)、回调函数等。 ##### 示例代码: ```javascript ...

    注册ajax验证,并带有密码强度显示

    Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器交换数据并局部更新页面,提高了交互性。EXT是一个流行的JavaScript框架,它提供了丰富的组件库,简化了前端开发。在这个场景...

    Ext 中文 API 和 ext js例子

    通过JSON或XML等格式,C#后端可以与Ext JS前端交换数据,实现前后端的数据同步。 总的来说,"Ext 中文 API 和 ext js例子"提供的资源是学习和掌握Ext JS的关键,它们涵盖了从基本组件到高级功能的所有内容,同时,...

    extjs对ajax的支持文档

    - 使用`Ext.Ajax.request`方法发起Ajax请求,该方法接受一系列参数,如URL、方法(GET或POST)、数据、回调函数等。 2. **请求配置**: - `url`: 发送请求的目标地址。 - `method`: HTTP方法,通常为GET或POST。...

    在Extjs中使用ajax传参到php中

    EXTJS中的`Ext.Ajax`类提供了异步发送Ajax请求的能力,它封装了原生的XMLHttpRequest对象,简化了API接口,允许我们更便捷地处理JSON、XML等数据格式。 2. **使用方法**: 要发送一个Ajax请求,你可以创建一个`...

Global site tag (gtag.js) - Google Analytics