首先引入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的例子的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。