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 09 Javascript
js模拟select下拉菜单控件的代码
May 08 Javascript
js与jquery获取父元素,删除子元素的两种不同方法
Jan 09 Javascript
JS版的date函数(和PHP的date函数一样)
May 12 Javascript
IE中getElementsByName()对有些元素无效的解决方案
Sep 28 Javascript
jQuery中[attribute*=value]选择器用法实例
Dec 31 Javascript
在JavaScript中处理时间之getHours()方法的使用
Jun 10 Javascript
javascript监听页面刷新和页面关闭事件方法详解
Jan 09 Javascript
基于vue2.0实现的级联选择器
Jun 09 Javascript
微信小程序实现传参数的几种方法示例
Jan 10 Javascript
详解vue移动端日期选择组件
Feb 22 Javascript
基于js实现判断浏览器类型代码实例
Jul 17 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获取mysql版本的几种方法小结
2008/03/25 PHP
php邮件发送,php发送邮件的类
2011/03/24 PHP
PHP提示Warning:phpinfo() has been disabled函数禁用的解决方法
2014/12/17 PHP
WIFI万能钥匙密码查询接口实例
2015/09/28 PHP
PHP弱类型的安全问题详细总结
2016/09/25 PHP
php json相关函数用法示例
2017/03/28 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
使用 laravel sms 构建短信验证码发送校验功能
2017/11/06 PHP
PHP高并发和大流量解决方案整理
2021/03/09 PHP
JQuery 常用方法基础教程
2009/02/06 Javascript
简单理解JavaScript中的封装与继承特性
2016/03/19 Javascript
JavaScript模板引擎Template.js使用详解
2016/12/15 Javascript
关于Sequelize连接查询时inlude中model和association的区别详解
2017/02/27 Javascript
浅谈通过JS拦截 pushState和replaceState事件
2017/07/21 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
2019/01/21 Javascript
解决layui动态加载复选框无法选中的问题
2019/09/20 Javascript
jquery将json转为数据字典的实例代码
2019/10/11 jQuery
[04:15]DOTA2-DPC中国联赛1月19日Recap集锦
2021/03/11 DOTA
Python通过matplotlib绘制动画简单实例
2017/12/13 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
python3.7 使用pymssql往sqlserver插入数据的方法
2019/07/08 Python
python Gunicorn服务器使用方法详解
2019/07/22 Python
Python元组 tuple的概念与基本操作详解【定义、创建、访问、计数、推导式等】
2019/10/30 Python
Python namedtuple命名元组实现过程解析
2020/01/08 Python
TensorFlow 输出checkpoint 中的变量名与变量值方式
2020/02/11 Python
安装python依赖包psycopg2来调用postgresql的操作
2021/01/01 Python
清除canvas画布内容(点擦除+线擦除)
2020/08/12 HTML / CSS
港湾网络笔试题
2014/04/19 面试题
财务会计专业应届毕业生求职信
2013/10/18 职场文书
小学生植树节活动总结
2014/07/04 职场文书
2014幼儿园中班工作总结
2014/11/10 职场文书
医药公司开票员岗位职责
2015/04/15 职场文书
民事辩护词范文
2015/05/21 职场文书
详解JS WebSocket断开原因和心跳机制
2021/05/07 Javascript
Python中的min及返回最小值索引的操作
2021/05/10 Python
Golang使用Panic与Recover进行错误捕获
2022/03/22 Golang