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中获取下个月一号,是星期几
Jun 01 Javascript
jQuery插件开发基础简单介绍
Jan 07 Javascript
使用AngularJS创建单页应用的编程指引
Jun 19 Javascript
由浅入深讲解Javascript继承机制与simple-inheritance源码分析
Dec 13 Javascript
基于JS代码实现图片在页面中旋转效果
Jun 16 Javascript
jquery点击展示与隐藏更多内容
Dec 03 Javascript
angularjs实现天气预报功能
Jun 16 Javascript
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
react-native使用leanclound消息推送的方法
Aug 06 Javascript
jQuery轮播图实例详解
Aug 15 jQuery
在Vue中用canvas实现二维码和图片合成海报的方法
Jun 10 Javascript
Vue实现简易购物车页面
Dec 30 Vue.js
使用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下正则来匹配dede模板标签的代码
2010/08/21 PHP
PHP中去掉字符串首尾空格的方法
2012/05/19 PHP
遭遇php的in_array低性能问题
2013/09/17 PHP
php生成随机数的三种方法
2014/09/10 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
关于PHP5.6+版本“No input file specified”问题的解决
2019/12/11 PHP
laravel数据库查询结果自动转数组修改实例
2021/02/27 PHP
简单的无缝滚动程序-仅几行代码
2007/05/08 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
artDialog双击会关闭对话框的修改过程分享
2013/08/05 Javascript
禁止IE用右键的JS代码
2013/12/30 Javascript
JS实现可展开折叠层的鼠标拖曳效果
2015/10/09 Javascript
jQuery验证插件validate使用方法详解
2020/09/13 Javascript
jQuery实现鼠标经过显示动画边框特效
2017/03/24 jQuery
node.js中cluster的使用教程
2017/06/09 Javascript
JavaScript队列函数和异步执行详解
2017/06/19 Javascript
Vue微信项目按需授权登录策略实践思路详解
2018/05/07 Javascript
element ui 表格动态列显示空白bug 修复方法
2018/09/04 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
2019/05/30 jQuery
angularjs自定义过滤器demo示例
2019/08/24 Javascript
[04:19]DOTA2亚洲邀请赛 现场花絮
2015/03/11 DOTA
Python查找相似单词的方法
2015/03/05 Python
Python 实现两个列表里元素对应相乘的方法
2018/11/14 Python
使用Python实现正态分布、正态分布采样
2019/11/20 Python
浅析数据存储的三种方式 cookie sessionstorage localstorage 的异同
2020/06/04 HTML / CSS
AmazeUI的下载配置与Helloworld的实现
2020/08/19 HTML / CSS
全球性的在线时尚男装零售商:boohooMAN
2016/12/17 全球购物
怎样声明子类
2013/07/02 面试题
某公司面试题
2012/03/05 面试题
财务会计专业求职信范文
2013/12/31 职场文书
公司口号大全
2014/06/11 职场文书
乡镇综治宣传月活动总结
2014/07/02 职场文书
法定代表人授权委托书范本
2014/10/07 职场文书
国庆节标语大全
2014/10/08 职场文书
小区物业管理2015年度工作总结
2015/10/22 职场文书
详细了解java监听器和过滤器
2021/07/09 Java/Android