最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery中ajax獲取數(shù)據(jù)賦值給頁面的實(shí)例

 更新時(shí)間:2017年12月31日 15:28:19   作者:jiangnanqbey  
下面小編就為大家分享一篇jQuery中ajax獲取數(shù)據(jù)賦值給頁面的實(shí)例,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧

實(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請求結(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">課程簡介:</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í)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • jQuery的Read()方法代替原生JS詳解

    jQuery的Read()方法代替原生JS詳解

    眾所周知在jQuery中ready方法在DOM完全下載后立即執(zhí)行其中的代碼。因?yàn)樗堑人械腄OM元素都加載完畢,才執(zhí)行給定的函數(shù),所以你能確定那些試圖操作和訪問元素節(jié)點(diǎn)的方法都能被執(zhí)行。而這篇文章給大家介紹的是如何用jQuery的Read()方法代替原生JS,下面來一起看看。
    2016-11-11
  • JS中批量給元素綁定事件過程中的相關(guān)問題使用閉包解決

    JS中批量給元素綁定事件過程中的相關(guān)問題使用閉包解決

    解決元素批量綁定事件的時(shí)候,出現(xiàn)i=最后一個(gè)循環(huán)變量的值的方法有兩種:把這個(gè)循環(huán)變量保存起來,不要讓它的作用域在整個(gè)函數(shù),而是在循環(huán)體內(nèi)
    2013-04-04
  • 使用jquery.qrcode.min.js實(shí)現(xiàn)中文轉(zhuǎn)化二維碼

    使用jquery.qrcode.min.js實(shí)現(xiàn)中文轉(zhuǎn)化二維碼

    本文給大家介紹的是一款jQuery的插件jquery.qrcode.min.js,其主要功能是可以生成二維碼,而且可以完美支持中文,下面就給小伙伴們介紹下他的用法
    2016-03-03
  • 實(shí)現(xiàn)placeholder效果的方案匯總

    實(shí)現(xiàn)placeholder效果的方案匯總

    由于placeholder是html5的新屬性,可想而知,僅支持html5的瀏覽器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支持。
    2015-06-06
  • jQuery綁定點(diǎn)擊事件與改變事件的方式總結(jié)及多個(gè)元素綁定多個(gè)事件

    jQuery綁定點(diǎn)擊事件與改變事件的方式總結(jié)及多個(gè)元素綁定多個(gè)事件

    我們一說到j(luò)Query中對于元素的修改,就是元素的內(nèi)容、屬性、樣式的修改,下面這篇文章主要給大家介紹了關(guān)于jQuery綁定點(diǎn)擊事件與改變事件的方式總結(jié)及多個(gè)元素綁定多個(gè)事件的相關(guān)資料,需要的朋友可以參考下
    2022-12-12
  • Jquery AJAX 用于計(jì)算點(diǎn)擊率(統(tǒng)計(jì))

    Jquery AJAX 用于計(jì)算點(diǎn)擊率(統(tǒng)計(jì))

    Jquery AJAX實(shí)現(xiàn)頁面的統(tǒng)計(jì)代碼,后臺(tái)用的是php,這篇文章主要是學(xué)習(xí)jquery下ajax的簡單實(shí)現(xiàn)。
    2010-06-06
  • jQuery實(shí)現(xiàn)類似老虎機(jī)滾動(dòng)抽獎(jiǎng)效果

    jQuery實(shí)現(xiàn)類似老虎機(jī)滾動(dòng)抽獎(jiǎng)效果

    這篇文章主要介紹了jQuery實(shí)現(xiàn)類似老虎機(jī)滾動(dòng)抽獎(jiǎng)效果的方法,實(shí)例分析了jquery隨機(jī)數(shù)及Ajax調(diào)用的相關(guān)技巧,需要的朋友可以參考下
    2015-08-08
  • jquery.cvtooltip.js 基于jquery的氣泡提示插件

    jquery.cvtooltip.js 基于jquery的氣泡提示插件

    顯示氣泡提示的前提是,一定會(huì)有一個(gè)被提示的對象,默認(rèn)的位置是根據(jù)body來計(jì)算的,這樣的壞處就是如果頁面內(nèi)容發(fā)生了變化,而氣泡的位置沒有改變,導(dǎo)致提示目的失敗。
    2010-11-11
  • 淺談jquery設(shè)置和獲得checkbox選中的問題

    淺談jquery設(shè)置和獲得checkbox選中的問題

    下面小編就為大家?guī)硪黄獪\談jquery設(shè)置和獲得checkbox選中的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-08-08
  • jquery 圖片輪換效果

    jquery 圖片輪換效果

    重寫了昨天的圖片輪換,加入了自動(dòng)切換效果,改變了布局,增強(qiáng)了可定制性,當(dāng)然,還是有點(diǎn)小小的問題,在IE 6+,chrome,firfox3.68下測試正常運(yùn)行
    2010-07-07

最新評論

万盛区| 沁阳市| 铁岭县| 黑山县| 福贡县| 星座| 阆中市| 孟州市| 丁青县| 收藏| 淮南市| 奉化市| 合山市| 深水埗区| 逊克县| 开化县| 宁德市| 泰州市| 钟山县| 东海县| 司法| 平远县| 九寨沟县| 清新县| 泰宁县| 嘉兴市| 河西区| 红原县| 庄浪县| 嵩明县| 富阳市| 黎城县| 伊金霍洛旗| 阿克陶县| 广河县| 仁布县| 广州市| 乌审旗| 平昌县| 福贡县| 延边|