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 相关文章推荐
简单三步,搞掂内存泄漏
Mar 10 Javascript
利用js获取服务器时间的两个简单方法
Jan 08 Javascript
js中判断控件是否存在
Aug 25 Javascript
Javascript动态绑定事件的简单实现代码
Dec 25 Javascript
jquery连缀语法如何实现
Nov 29 Javascript
js老生常谈之this,constructor ,prototype全面解析
Apr 05 Javascript
JS文件上传神器bootstrap fileinput详解
Jan 28 Javascript
VUE开发一个图片轮播的组件示例代码
Mar 06 Javascript
vue基于Vue2.0和高德地图的地图组件实例
Apr 28 Javascript
基于vue实现swipe分页组件实例
May 25 Javascript
vue store之状态管理模式的详细介绍
Jun 13 Javascript
JS运算符简单用法示例
Jan 19 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
php使用base64加密解密图片示例分享
2014/01/20 PHP
PHP 数组基本操作小结(推荐)
2016/06/13 PHP
PHP实现留言板功能的详细代码
2017/03/25 PHP
Laravel中的Auth模块详解
2017/08/17 PHP
网页中的图片的处理方法与代码
2009/11/26 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
2013/05/19 Javascript
js生成验证码并直接在前端判断
2015/05/15 Javascript
AngularJS 执行流程详细介绍
2016/08/18 Javascript
ionic实现可滑动的tab选项卡切换效果
2020/04/15 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
2016/08/31 Javascript
微信小程序 教程之模板
2016/10/18 Javascript
ES6中Proxy代理用法实例浅析
2017/04/06 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
react实现点击选中的li高亮的示例代码
2018/05/24 Javascript
详解如何从零开始搭建Express+Vue开发环境
2018/07/17 Javascript
「中高级前端面试」JavaScript手写代码无敌秘籍(推荐)
2019/04/08 Javascript
vue使用vuex实现首页导航切换不同路由的方法
2019/05/08 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
2019/06/10 Javascript
基于form-data请求格式详解
2019/10/29 Javascript
实现vuex原理的示例
2020/10/21 Javascript
Python中的命令行参数解析工具之docopt详解
2017/03/27 Python
Python、PyCharm安装及使用方法(Mac版)详解
2017/04/28 Python
python多维数组切片方法
2018/04/13 Python
python算法题 链表反转详解
2019/07/02 Python
python下的opencv画矩形和文字注释的实现方法
2019/07/09 Python
用python3 urllib破解有道翻译反爬虫机制详解
2019/08/14 Python
如何解决django-celery启动后迅速关闭
2019/10/16 Python
对Tensorflow中tensorboard日志的生成与显示详解
2020/02/04 Python
Python可视化工具如何实现动态图表
2020/10/23 Python
DC Shoes官网:美国滑板鞋和服饰品牌
2017/09/03 全球购物
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
财务人员的自我评价范文
2014/03/03 职场文书
音乐教师求职信
2014/06/28 职场文书
创先争优演讲稿
2014/09/15 职场文书
Nginx源码编译安装过程记录
2021/11/17 Servers
MySql中的json_extract函数处理json字段详情
2022/06/05 MySQL