JQuery ajax获取数据后的处理总结(html,xml,json)

2019-03-2209:51:53WEB前端开发Comments3,022 views字数 739阅读模式

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10313.html

三种数据格式中最简单的就是html格式,返回回来以后可以直接使用,上面的处理方式就是json的处理方式xml的处理方式。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10313.html

1、html处理比较简单,直接输出即可。
一般用$("jb51div").innerHTML等即可文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10313.html

2、json格式数据调用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10313.html

复制代码 代码如下:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10313.html

$.ajax({
url : "/trundle/RawContentAction.getAjaxContent.act",
data : "param1=22",
dataType : "json",//这里的dataType就是返回回来的数据格式了html,xml,json
cache: false,//设置是否缓存,默认设置成为true,当需要每次刷新都需要执行数据库操作的话,需要设置成为false
success : function(data) {
$(data).each(function(te, u) {
alert(te);
$("#content").append(u.title+"</br>");
})
}
})文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10313.html

3、xml格式数据调用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10313.html

复制代码 代码如下:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10313.html

$.ajax({
url : "/trundle/RawContentAction.getAjaxContent.act",
data : "param1=22",
dataType : "xml",//这里的dataType就是返回回来的数据格式了html,xml,json
cache: false,//设置是否缓存,默认设置成为true,当需要每次刷新都需要执行数据库操作的话,需要设置成为false
success : function(xml) {
$(xml).find("*").each(function(){
//这边对遍历出来的内容进行处理,jquery都是可以使用xpath进行遍历的
})
}
})文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10313.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10313.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10313.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/10313.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定