jQuery解析与处理服务器端返回xml格式数据的方法详解


Posted in Javascript onJuly 04, 2016

本文实例讲述了jQuery解析与处理服务器端返回xml格式数据的方法。分享给大家供大家参考,具体如下:

1.php代码:

<?php
  header("Content-Type:text/xml; charset=utf-8");//声明浏览器端返回数据的格式为xml文档格式
  echo "<?xml version='1.0' encoding='utf-8'?>".
     "<comments>".
     "<comment username='{$_REQUEST['username'] }' >".
     "<content>{$_REQUEST['content']}</content>".
     "</comment>".
     "</comments>";
?>

2.html代码:

<form id="form1" action="#">
  <p>评论:</p>
  <p>姓名: <input type="text" name="username" id="username" /></p>
  <p>内容: <textarea name="content" id="content" rows="2" cols="20"></textarea></p>
  <p><input type="button" id="send" value="提交"/></p>
</form>
<div class='comment'>已有评论:</div>
<div id="resText" ></div>

3.jQuery代码:

<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
/*
1.由于服务器端返回的数据格式是xml文档,因此需要对返回的数据进行处理,jquery处理xml文档与处理html文档一样,也可以使用常规的attr()、find()、filter()以及其它方法
2.返回数据格式为xml文档的过程实现起来比html片段要稍微复杂点,但xml文档的可移植性是其他数据格式无法比拟的,因此以这种格式提供的数据的重用性将极大提高
3.很多知名网站和开放平台都是以xml格式输出数据,合作者可利用他们提供的API,将获得的内容整合到自己的网站中
4.xml文档体积相对较大,与其它文件格式相比,解析和操作他们的速度要慢一些
5.由于期待服务器端返回的数据格式是xml文档,因此需要在服务器端设置content-type类型,如:
header("content-type:text/xml;charset=utf-8");
*/
$(function(){
  $("#send").click(function(){
   $.get("get2.php", {
      username : $("#username").val() ,
      content : $("#content").val()
     }, function (data, textStatus){
      //data:xml格式的数据;从data【xml格式数据】中查找comment元素username属性的值
      var username = $(data).find("comment").attr("username");//跟解析html文档类似
      var content = $(data).find("comment content").text();
      var txtHtml = "<div class='comment'><h6>"+username+":</h6><p class='para'>"+content+"</p></div>";
      $("#resText").html(txtHtml); // 把返回的数据添加到页面上
     });
  })
})
</script>

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
延时重复执行函数 lLoopRun.js
May 08 Javascript
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
Jul 01 Javascript
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
Jul 07 Javascript
Javascript字符串常用方法详解
Jul 21 Javascript
基于JavaScript实现Tab选项卡切换效果
Nov 24 Javascript
ES6教程之for循环和Map,Set用法分析
Apr 10 Javascript
深入理解React中何时使用箭头函数
Aug 23 Javascript
jQuery 防止相同的事件快速重复触发方法
Feb 08 jQuery
VeeValidate 的使用场景以及配置详解
Jan 11 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
May 01 Javascript
vue-router定义元信息meta操作
Dec 07 Vue.js
让JavaScript代码更加精简的方法技巧
Jun 01 Javascript
jQuery ajaxSubmit 实现ajax提交表单局部刷新
Jul 04 #Javascript
jQuery通用的全局遍历方法$.each()用法实例
Jul 04 #Javascript
JS构造函数与原型prototype的区别介绍
Jul 04 #Javascript
js中使用使用原型(prototype)定义方法的好处详解
Jul 04 #Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
Jul 04 #Javascript
浅谈js构造函数的方法与原型prototype
Jul 04 #Javascript
全面了解js中的script标签
Jul 04 #Javascript
You might like
php的sprintf函数的用法 控制浮点数格式
2014/02/14 PHP
php中opendir函数用法实例
2014/11/15 PHP
php通过正则表达式记取数据来读取xml的方法
2015/03/09 PHP
PHP中Http协议post请求参数
2015/11/02 PHP
关于Yii中模型场景的一些简单介绍
2019/09/22 PHP
JS的IE和Firefox兼容性集锦
2006/12/11 Javascript
JavaScript DOM事件(笔记)
2015/04/08 Javascript
coffeescript使用的方式汇总
2015/08/05 Javascript
javascript正则表达式中分组详解
2016/07/17 Javascript
js中 计算两个日期间的工作日的简单实例
2016/08/08 Javascript
js实现表单提交后不重新刷新当前页面
2016/11/30 Javascript
Bootstrap栅格系统的使用和理解2
2016/12/14 Javascript
javascript  删除select中的所有option的实例
2017/09/17 Javascript
除Console.log()外更多的Javascript调试命令
2018/01/24 Javascript
js实现点击按钮复制文本功能
2020/07/20 Javascript
Angular模版驱动表单的使用总结
2018/05/05 Javascript
JS立即执行的匿名函数用法分析
2019/11/04 Javascript
js实现拖动缓动效果
2020/01/13 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
2020/12/24 Javascript
[48:54]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第二场 6.3
2018/06/04 DOTA
python使用cookielib库示例分享
2014/03/03 Python
Python中内置的日志模块logging用法详解
2016/07/12 Python
python+django加载静态网页模板解析
2017/12/12 Python
Python爬虫实战:分析《战狼2》豆瓣影评
2018/03/26 Python
python实现得到当前登录用户信息的方法
2019/06/21 Python
Python中IP地址处理IPy模块的方法
2019/08/16 Python
Pytorch卷积层手动初始化权值的实例
2019/08/17 Python
Python库skimage绘制二值图像代码实例
2020/04/10 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
艺龙旅行网酒店预订:国内、港澳台酒店
2018/06/26 全球购物
.NET程序员的几道面试题
2012/06/01 面试题
幼儿教师师德师风演讲稿
2014/08/22 职场文书
2014年科技工作总结
2014/11/26 职场文书
机器人总动员观后感
2015/06/09 职场文书
2015大学生暑期实习报告
2015/07/13 职场文书
CentOS7安装MySQL8的超级详细教程(无坑!)
2022/06/10 Servers