這期內容當中小編將會給大家?guī)碛嘘P如何在jQuery中利用ajax將數(shù)據(jù)賦值給頁面,文章內容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
實例如下所示:
//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;//公告返回結果 course_arr=data.data.courseArrs;//課程返回結果 console.log(course_info); return false; html = ''; }, }); //課程ajax請求結果賦值 //考研公共課 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)校,在線學習<a class="enter_official" target="_blank" href="http://www.wenduedu.com/" rel="external nofollow" >進入文都網(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">課程簡介:</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">報名剩余'+data_ggk[i].sign_end+'天</p>'; kyhtml+='<a href="'+data_ggk[i].url+'" rel="external nofollow" rel="external nofollow" target="_blank" class="course-consult">報名咨詢</a>'; kyhtml+='</div>'; kyhtml+='</div>'; } } kyhtml+='</div>'; //公告 kyhtml+='<div class="localCourse-notice">'; kyhtml+='<h4 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></h4>'; 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ù)賦值給頁面了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關知識,歡迎關注創(chuàng)新互聯(lián)成都網(wǎng)站設計公司行業(yè)資訊頻道。
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
名稱欄目:如何在jQuery中利用ajax將數(shù)據(jù)賦值給頁面-創(chuàng)新互聯(lián)
網(wǎng)頁網(wǎng)址:http://chinadenli.net/article4/dcjgoe.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導航、定制開發(fā)、網(wǎng)站設計公司、Google、品牌網(wǎng)站制作、品牌網(wǎng)站設計
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容