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 相关文章推荐
JS教程:window.location使用方法的区别介绍
Oct 04 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
Dec 28 Javascript
JQuery处理json与ajax返回JSON实例代码
Jan 03 Javascript
经过绑定元素时会多次触发mouseover和mouseout事件
Feb 28 Javascript
javascript解析json数据的3种方式
May 08 Javascript
javascript发送短信验证码实现代码
Nov 12 Javascript
jQuery插件jquery-barcode实现条码打印的方法
Nov 25 Javascript
关于JavaScript限制字数的输入框的那些事
Aug 14 Javascript
浅析ES6的八进制与二进制整数字面量
Aug 30 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
Jul 18 Javascript
JS使用tween.js动画库实现轮播图并且有切换功能
Jul 17 Javascript
Vue.js中的extend绑定节点并显示的方法
Jun 20 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
怎样辨别一杯好咖啡
2021/03/03 新手入门
人大复印资料处理程序_输入篇
2006/10/09 PHP
php排序算法(冒泡排序,快速排序)
2012/10/09 PHP
mysqli_set_charset和SET NAMES使用抉择及优劣分析
2013/01/13 PHP
Drupal7连接多个数据库及常见问题解决
2014/03/02 PHP
php用正则判断是否为数字的方法
2016/03/25 PHP
PHP+HTML+JavaScript+Css实现简单爬虫开发
2016/03/28 PHP
使用PHP下载CSS文件中的所有图片【几行代码即可实现】
2016/12/14 PHP
利用ajax和PHP实现简单的流程管理
2017/03/23 PHP
php函数式编程简单示例
2019/08/08 PHP
PHP接入微信H5支付的方法示例
2019/10/28 PHP
jquery tools之tooltip
2009/07/25 Javascript
利用jQuery实现可输入搜索文字的下拉框
2013/10/23 Javascript
jquery遍历checkbox的注意事项说明
2014/02/21 Javascript
JS实现类似百叶窗下拉菜单效果
2016/12/30 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
2017/08/16 Javascript
浅谈Vuex的状态管理(全家桶)
2017/11/04 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
2018/03/05 Javascript
一个Vue页面的内存泄露分析详解
2018/06/25 Javascript
浅谈bootstrap layer.open中end的使用方法
2019/09/12 Javascript
Python实现截屏的函数
2015/07/25 Python
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
Python字符串和字典相关操作的实例详解
2017/09/23 Python
MAC中PyCharm设置python3解释器
2017/12/15 Python
python实现类之间的方法互相调用
2018/04/29 Python
读取nii或nii.gz文件中的信息即输出图像操作
2020/07/01 Python
python能做哪些生活有趣的事情
2020/09/09 Python
详解Django中异步任务之django-celery
2020/11/05 Python
Django中如何用xlwt生成表格的方法步骤
2021/01/31 Python
初中生学习的自我评价
2013/11/14 职场文书
大课间活动制度
2014/01/18 职场文书
《珍珠泉》教学反思
2014/02/20 职场文书
销售类求职信
2014/06/13 职场文书
高考升学宴答谢词
2015/01/20 职场文书
董事长助理岗位职责
2015/02/11 职场文书
python实现简单区块链结构
2021/04/25 Python