jQuery中ajax獲取數(shù)據(jù)賦值給頁面的實(shí)例
更新時(shí)間:2017年12月31日 15:28:19 作者:jiangnanqbey
下面小編就為大家分享一篇jQuery中ajax獲取數(shù)據(jù)賦值給頁面的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
實(shí)例如下所示:
//html代碼 <pre name="code" class="html"><a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" class="cityname" id="{$rr[code]}" name='{$rr[name]}'>{$rr[name]}</a></pre><br> <pre></pre> <br> <pre name="code" class="php">//控制器代碼 $courseArrs = json_decode(trim($courseArrs,chr(239).chr(187).chr(191)),true); $newData['courseArrs'] = $courseArrs['data']; echo json_encode(array('state' => 1,'data'=>$newData));die;</pre><br> <pre name="code" class="html">//ajax代碼 <script type="text/javascript"> //地區(qū)ajax獲取數(shù)據(jù) $(function(){ $(".cityname").click(function(){ var code = $(this).attr("id"); var name = $(this).attr("name"); $('#city_name').html(name); var course_info =''; var url="?m=content&c=cityPoster&a=wenduNewsInfos"; $.ajax({ type: "GET", url: url, data: {cityId:code}, dataType: "json", async:false, success: function(data){ course_info=data.data.posterArrs;//公告返回結(jié)果 course_arr=data.data.courseArrs;//課程返回結(jié)果 console.log(course_info); return false; html = ''; }, }); //課程ajax請(qǐng)求結(jié)果賦值 //考研公共課 var data_ggk=course_arr[0]; var kyhtml=''; kyhtml+=' <div class="local_courseLeft">'; if(data_ggk==''){ kyhtml+='<div class="second_interview">'; kyhtml+='<p class="other-choose">您可選擇附近城市的分校課程<br>'; kyhtml+=' 也可以選擇網(wǎng)校,在線學(xué)習(xí)<a class="enter_official" target="_blank" rel="external nofollow" >進(jìn)入文都網(wǎng)校</a></p>'; kyhtml+=' <p class="official_telphone">400-606-9976</p>'; kyhtml+='</div>'; }else if(data_ggk.length){ var length0=data_ggk.length; for(var i=0;i< length0;i++){ kyhtml+='<div class="local_courseList">'; kyhtml+='<p class="localCourse_heading"><a href="'+data_ggk[i].url+'" rel="external nofollow" rel="external nofollow" title="'+data_ggk[i].title+'" target="_blank">'+data_ggk[i].title+'</a></p>'; kyhtml+='<div class="localCourse-introduce">'; kyhtml+='<span class="courseIntroduce-title">課程簡(jiǎn)介:</span>'; kyhtml+='<a class="localCourse-others localCourse-details" title="'+data_ggk[i].description+'" >'+data_ggk[i].description+'</a>'; kyhtml+='</div>'; kyhtml+='<div class="localCourse-introduce teach-master">'; kyhtml+='<span class="courseIntroduce-title">授課名師:</span>'; kyhtml+='<a class="localCourse-others teacher_Name" title="'+data_ggk[i].teacher+'">'+data_ggk[i].teacher+'</a>'; kyhtml+='</div>'; kyhtml+='<div class="localCourse_Enter">'; kyhtml+='<p class="remian-days">報(bào)名剩余'+data_ggk[i].sign_end+'天</p>'; kyhtml+='<a href="'+data_ggk[i].url+'" rel="external nofollow" rel="external nofollow" target="_blank" class="course-consult">報(bào)名咨詢</a>'; kyhtml+='</div>'; kyhtml+='</div>'; } } kyhtml+='</div>'; //公告 kyhtml+='<div class="localCourse-notice">'; kyhtml+='<h3 class="common-titleModule common-titleModuleWD">'; kyhtml+='<a target="_blank" class="commonTitle_name" href="javascript:void(0)" rel="external nofollow" rel="external nofollow" >公告</a><b class="commonTitle-line"></b></h3>'; kyhtml+='<ul class="localCourse-noticeList">'; for(var coursePer in course_info[0]){ kyhtml+='<li><a target="_blank" href="'+course_info[0][coursePer].url+'" rel="external nofollow" >'+course_info[0][coursePer].title+'</a></li>'; } kyhtml += '</ul>'; kyhtml+='</div>'; $('#ggk').html(''); $('#ggk').html(kyhtml); }); }) </script></pre><br> <br>
以上這篇jQuery中ajax獲取數(shù)據(jù)賦值給頁面的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jquery簡(jiǎn)單的拖動(dòng)效果實(shí)現(xiàn)原理及示例
本文為大家詳細(xì)介紹下jQuery拖曵的簡(jiǎn)單實(shí)例,具體的實(shí)現(xiàn)思路及代碼如下,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-07移動(dòng)節(jié)點(diǎn)的jquery代碼
節(jié)點(diǎn)的移動(dòng)在應(yīng)用中比較常見,如何動(dòng)態(tài)移動(dòng)某一節(jié)點(diǎn)來實(shí)現(xiàn)某一特殊效果,下面有個(gè)不錯(cuò)的示例,希望對(duì)大家有所幫助2014-01-01jQuery實(shí)現(xiàn)鼠標(biāo)跟隨效果
本文主要分享了jQuery實(shí)現(xiàn)鼠標(biāo)跟隨效果的示例代碼。具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-02-02Web 前端設(shè)計(jì)模式--Dom重構(gòu) 提高顯示性能
首頁那邊有一個(gè)產(chǎn)品瀏覽的版塊在延遲載入的時(shí)候,將我所有的隱藏幀的項(xiàng)都顯示出來,因?yàn)槁龑?dǎo)致頁面變形。2010-10-10