jQuery处理xml格式的返回数据(实例解析)


Posted in Javascript onNovember 28, 2013

在这个示例程序中,我将使用$.ajax()方法,使用$.get()方法也可以,但我觉得$.ajax()更好一些,代码更容易懂,并且也不怎么复杂。

//定义用户名校验的方法
function verify(){
    //首先测试一下页面的按钮按下,可以调用这个方法
    //使用javascript的alert方法,显示一个探出提示框
    //alert("按钮被点击了!!!");
    //1.获取文本框中的内容
    //document.getElementById("userName");  dom的方式
    //Jquery的查找节点的方式,参数中#加上id属性值可以找到一个节点。
    //jquery的方法返回的都是jquery的对象,可以继续在上面执行其他的jquery方法
    var jqueryObj = $("#userName");
    //获取节点的值
    var userName = jqueryObj.val();
    //alert(userName);
    //2.将文本框中的数据发送给服务器段的servelt
    //javascript当中,一个简单的对象的定义方法
    var obj = {name:"123",age:20};
    //使用jquery的XMLHTTPrequest对象get请求的封装
    $.ajax({
        type: "POST",            //http请求方式
        url: "AJAXXMLServer",    //服务器段url地址
        data: "name=" + userName,           //发送给服务器段的数据
        dataType: "xml",  //告诉JQuery返回的数据格式
        success: callback  //定义交互完成,并且服务器正确返回数据时调用的回调函数
    });
}

回调函数:
//回调函数
function callback(data) {
//    alert("服务器段的数据回来了!!");
    //3.接收服务器端返回的数据
    //需要将data这个dom对象中的数据解析出来
    //首先需要将dom的对象转换成JQuery的对象
    var jqueryObj = $(data);
    //获取message节点
    var message = jqueryObj.children();
    //获取文本内容
    var text = message.text();
    //4.将服务器段返回的数据动态的显示在页面上
    //找到保存结果信息的节点
    var resultObj = $("#result");
    //动态的改变页面中div节点中的内容
    resultObj.html(text);
    alert("");
}
Javascript 相关文章推荐
基于jquery+thickbox仿校内登录注册框
Jun 07 Javascript
JavaScript中的isXX系列是否继续使用的分析
Apr 16 Javascript
基于JavaScript实现继承机制之调用call()与apply()的方法详解
May 07 Javascript
javascript解析json数据的3种方式
May 08 Javascript
JavaScript实现自动变换表格边框颜色
May 08 Javascript
JavaScript面向对象之私有静态变量实例分析
Jan 14 Javascript
JavaScript日期对象(Date)基本用法示例
Jan 18 Javascript
Jquery根据浏览器窗口改变调整大小的方法
Feb 07 Javascript
Node.JS中事件轮询(Event Loop)的解析
Feb 25 Javascript
JS加密插件CryptoJS实现的Base64加密示例
Aug 16 Javascript
详解javascript appendChild()的完整功能
Aug 18 Javascript
使用JavaScript实现贪吃蛇游戏
Sep 29 Javascript
使用js写的一个简易的投票
Nov 27 #Javascript
juery框架写的弹窗效果适合新手
Nov 27 #Javascript
js使用数组判断提交数据是否存在相同数据
Nov 27 #Javascript
js每隔5分钟执行一次ajax请求的实现方法
Nov 27 #Javascript
js字符串截取函数substr substring slice使用对比
Nov 27 #Javascript
JS如何判断移动端访问设备并解析对应CSS
Nov 27 #Javascript
javascript如何动态加载表格与动态添加表格行
Nov 27 #Javascript
You might like
微信公众平台之快递查询功能用法实例
2015/04/14 PHP
WordPress开发中的get_post_custom()函数使用解析
2016/01/04 PHP
PHP PDO和消息队列的个人理解与应用实例分析
2019/11/25 PHP
js函数的引用, 关于内存的开销
2012/09/17 Javascript
java与javascript之间json格式数据互转介绍
2013/10/29 Javascript
jquery在项目中做复选框时遇到的一些问题笔记
2013/11/17 Javascript
html中鼠标滚轮事件onmousewheel的处理方法
2016/11/11 Javascript
node+experss实现爬取电影天堂爬虫
2016/11/20 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
2018/08/27 Javascript
Cocos2d实现刮刮卡效果
2018/12/20 Javascript
js取0-9随机取4个数不重复的数字代码实例
2019/03/27 Javascript
vue实现菜单切换功能
2019/05/08 Javascript
three.js利用射线Raycaster进行碰撞检测
2020/03/12 Javascript
python同时给两个收件人发送邮件的方法
2015/04/30 Python
使用Python写个小监控
2016/01/27 Python
Python lambda函数基本用法实例分析
2018/03/16 Python
tensorflow实现图像的裁剪和填充方法
2018/07/27 Python
Python 判断奇数偶数的方法
2018/12/20 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
wxPython实现画图板
2020/08/27 Python
Python如何进行时间处理
2020/08/06 Python
Python实现网络聊天室的示例代码(支持多人聊天与私聊)
2021/01/27 Python
工业学校毕业生自荐书
2014/01/03 职场文书
五年级语文教学反思
2014/01/30 职场文书
小学班级口号
2014/06/09 职场文书
高中同学会活动方案
2014/08/14 职场文书
党的群众路线教育实践活动先进个人材料
2014/12/24 职场文书
三孔导游词
2015/02/05 职场文书
教师党员自我评价2015
2015/03/04 职场文书
2015年事业单位工作总结
2015/04/27 职场文书
运动会通讯稿100字
2015/07/20 职场文书
关于保护环境的建议书
2019/06/24 职场文书
聊一聊Redis与MySQL双写一致性如何保证
2021/06/26 Redis
USB TYPE-C 或将成为所有智能手机充电标准
2022/04/21 数码科技
Android studio 简单计算器的编写
2022/05/20 Java/Android