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 相关文章推荐
JavaScript下申明对象的几种方法小结
Oct 02 Javascript
基于jquery的横向滚动条(滑动条)
Feb 24 Javascript
JavaScript版DateAdd和DateDiff函数代码
Mar 01 Javascript
详解JavaScript正则表达式中的global属性的使用
Jun 16 Javascript
JavaScript实现选择框按比例拖拉缩放的方法
Aug 04 Javascript
JS正则替换掉小括号及内容的方法
Nov 29 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
Jul 24 Javascript
js的函数的按值传递参数(实例讲解)
Nov 16 Javascript
js时间戳与日期格式之间相互转换
Dec 11 Javascript
animate.css在vue项目中的使用教程
Aug 05 Javascript
layer关闭弹出窗口触发表单提交问题的处理方法
Sep 25 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
Jul 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
如何在PHP中使用Oracle数据库(1)
2006/10/09 PHP
PHP If Else(elsefi) 语句
2013/04/07 PHP
浅析PKI加密解密 OpenSSL
2013/07/01 PHP
symfony2.4的twig中date用法分析
2016/03/18 PHP
PHP单例模式是什么 php实现单例模式的方法
2016/05/14 PHP
php中目录操作opendir()、readdir()及scandir()用法示例
2019/06/08 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
jQuery简单图表peity.js使用示例
2014/05/02 Javascript
jQuery的观察者模式详解
2014/12/22 Javascript
JS点击链接后慢慢展开隐藏着图片的方法
2015/02/17 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
2015/12/25 Javascript
Bootstrap插件全集
2016/07/18 Javascript
AngularJS 防止页面闪烁的方法
2017/03/09 Javascript
JavaScript获取URL参数的方法之一
2017/03/24 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
2017/05/12 Javascript
vue学习笔记之v-if和v-show的区别
2017/09/20 Javascript
js 中rewrap-ajax.js插件实例代码
2017/10/20 Javascript
在vue中使用echarts图表实例代码详解
2018/10/22 Javascript
微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例
2019/01/23 Javascript
vue 动态组件用法示例小结
2020/03/06 Javascript
[02:05]2014DOTA2西雅图邀请赛 老队长全明星大猜想谁不服就按进显示器
2014/07/08 DOTA
python读取与写入csv格式文件的示例代码
2017/12/16 Python
python中的随机函数random的用法示例
2018/01/27 Python
解决python3中cv2读取中文路径的问题
2018/12/05 Python
Python 运行 shell 获取输出结果的实例
2019/01/07 Python
Python学习笔记之lambda表达式用法详解
2019/08/08 Python
python+opencv实现车牌定位功能(实例代码)
2019/12/24 Python
大学生职业生涯规划书前言
2014/01/09 职场文书
年度考核自我鉴定
2014/02/02 职场文书
供货协议书
2014/04/22 职场文书
房产授权委托书范本
2014/09/22 职场文书
对照检查剖析材料
2014/09/30 职场文书
酒店厨房管理制度
2015/08/06 职场文书
教你用Java Swing实现自助取款机系统
2021/06/11 Java/Android
解决persistence.xml配置文件修改存放路径的问题
2022/02/24 Java/Android