首先引入jquery.js文件


<div class="row" id="row"><div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 ana_btn"><img  src="" alt="Responsive image" class="img-responsive ana_btn_con img-rounded"><a target="_blank" href=""
           style="color: #1b6d85; margin-top: 20px;font-size: 18px;margin-bottom: 20px"></a><p style="color: #777"></p></div>

</div>

$(document).ready(function(){var root = location.href.slice(0, location.href.lastIndexOf('/'));var path = root + '/appgallery/config/appsConfig.json';//$("#imgId").attr('src',path);
    var childrens = $('body').find("#row")[0].children;   //查找节点$.ajax({type:"GET",url: path,data:{},dataType: 'json',success:function(results){var centents = results.typicalAPPContents;for(var i=0;i<childrens.length-1;i++){var childs =  childrens[i].children;//childs[0].attr("src",centents[i].image);   修改属性
                childs[0].src = centents[i].image;childs[1].href = centents[i].url;childs[1].text = centents[i].title;childs[2].innerText = centents[i].content;// childs[1].

         }},error:function(){alert("没有配置要打开的连接");}});
})

jquery ajax的例子相关推荐

  1. jquery中ajax完整例子get,jq的ajax方法,jquery中ajax完整例子

    jq的ajax方法,jquery中ajax完整例子 相较与js异步对象的繁琐,jq的ajax对象结构更加清晰 一:ajax对象简述 ajax(Asynchronous JavaScript and X ...

  2. java怎么处理ajax请求,java怎么用ajax请求?jquery ajax请求后台的简单例子

    jQuery.ajax(url,[settings]) 概述 通过 HTTP 请求加载远程数据. jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax ...

  3. jQuery Ajax 方法调用 Asp.Net WebService 的详细例子

    这很常用,搜索了一下博客园的"找找看"和谷歌,看到大部分都是转载于一两篇文章(而且来源还不是博客园),有的是简单的说一点无法运行,给初学者的调试和学习带来不方便,我在这里将jQue ...

  4. jquery ajax java上传文件_jQuery Ajax方式上传文件的方法

    jQuery Ajax方式上传文件用到两个对象 第一个对象:FormData 第二个对象:XMLHttpRequest 目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这 ...

  5. java ajax datatype_理解jquery ajax中的datatype属性选项值

    jquery中ajax的dataType属性用于指定服务器返回的数据类型,如果不指定,jQuery 将自动根据HTTP包MIME信息来智能判断,如果datatype选项不填写的话,会将返回的数据当成字 ...

  6. jQuery Ajax 实例 ($.ajax、$.post、$.get)

    Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了. 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看, 地址为:h ...

  7. jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]

    1.$和jquery在全局命名空间中定义的唯一两个变量. 2.jquery是工厂函数,不是构造函数.他返回一个新创建的对象. 3.jquery的四种调用方式:     <1>传递CSS选择 ...

  8. ajax+php+jq+面向对象,php+jquery+ajax+json的一个最简单实例

    html页面: $(function(){ $("#send").click(function(){ var cont = $("input").seriali ...

  9. JQuery Ajax 与 Knockout.js的结合

    项目中遇到太多JQuery Ajax 与 Knockout.js的结合来处理数据的情况,今天将这部分内容梳理一下.一来弄清楚二者结合处理数据的流程,二来是感觉二者结合在一起用的时候有点将二者搞混了,弄 ...

最新文章

  1. 4月书讯:迟来的告白
  2. Sql Server函数全解三数据类型转换函数和文本图像函数
  3. Python 图像处理篇-利用opencv库和numpy库读取包含中文路径下的本地图片实例演示
  4. Windows下使用MinGw和gcc构建第一个C程序、g++构建第一个C++程序
  5. 详解Windows消息分类以及WM_COMMAND与WM_NOTIFY的区别,以及模拟发送控件通知消息
  6. 机器人铁锈斑斑好吗_工业机器人系统运维员是什么职业?这个职业好吗?去哪里学?...
  7. java部署到服务器乱码_java web项目发布到linux服务器上运行出现乱码
  8. php 的cookie设置时间,php cookie时间设置的方法
  9. 分布式session之redis解决方案实现
  10. ARP协议-路由交换原理5-【HCNA笔记】
  11. python做考勤表_500行Python代码打造刷脸考勤系统,其实也就那么简单
  12. Visual FoxPro权威指南pdf
  13. 【24】基于java的宠物医院管理系统
  14. 新型电话诈骗手法“明天到我办公室来一下”全揭秘
  15. html5中display flex,display:flex属性
  16. 2022大厂真题盘点!190道大数据高频面试题+答案详解
  17. Windows系统压缩卷时可压缩空间远小于实际剩余空间解决方法
  18. 51单片机 8x8LED点阵屏循环显示数字0~9
  19. 抖音服务器究竟有多大,为什么能够供那么多人同时刷?
  20. 对 算术基本定理 的研究

热门文章

  1. 蓝桥杯 试题 基础练习 十六进制转十进制——5行代码AC
  2. Liunx操作系统的引导过程(系统操作引导过程,模拟MBR,GRUB故障,root密码遗忘解决,优化启动过程 ,运行级别的分类)
  3. 马云马化腾,过的哪个冬
  4. java的int、char、long、float、double对byte的转换,在通信的时候会用到
  5. 接受map_[译] 图解 Map、Reduce 和 Filter 数组方法
  6. 深圳python指南_深圳Pythonlevel7
  7. react dispatch_React纯Hooks状态管理探索
  8. mysql 5.7.21 主从_Mysql 5.7.21 设置主从库同步
  9. java中的後綴表達式_求Java堆栈,将中缀算术表达式转换成后缀表达式。
  10. json转modbus协议模块_华杰智控Profinet 分布式IO系列模块-华杰智控-新闻中心