jQuery中ajax獲取數(shù)據(jù)賦值給頁面的實例
更新時間:2017年12月31日 15:28:19 作者:jiangnanqbey
下面小編就為大家分享一篇jQuery中ajax獲取數(shù)據(jù)賦值給頁面的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
實例如下所示:
//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" 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+='<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ù)賦值給頁面的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
使用jquery.qrcode.min.js實現(xiàn)中文轉化二維碼
本文給大家介紹的是一款jQuery的插件jquery.qrcode.min.js,其主要功能是可以生成二維碼,而且可以完美支持中文,下面就給小伙伴們介紹下他的用法2016-03-03
jQuery綁定點擊事件與改變事件的方式總結及多個元素綁定多個事件
我們一說到jQuery中對于元素的修改,就是元素的內容、屬性、樣式的修改,下面這篇文章主要給大家介紹了關于jQuery綁定點擊事件與改變事件的方式總結及多個元素綁定多個事件的相關資料,需要的朋友可以參考下2022-12-12
jquery.cvtooltip.js 基于jquery的氣泡提示插件
顯示氣泡提示的前提是,一定會有一個被提示的對象,默認的位置是根據(jù)body來計算的,這樣的壞處就是如果頁面內容發(fā)生了變化,而氣泡的位置沒有改變,導致提示目的失敗。2010-11-11

