ajax赋值html文本框显示,jQuery中ajax获取数据赋值给页面的实例

这段代码主要展示了如何通过HTML、控制器和AJAX获取并显示城市分校的课程信息和公告。当用户点击城市名称时,通过AJAX发送GET请求获取数据,然后将数据解析并格式化为课程列表和公告展示。如果课程为空,则提示用户选择其他方式学习;如果有课程,会显示课程标题、简介、授课老师和报名信息。同时,公告也会被显示出来。
摘要由CSDN通过智能技术生成

//html代码

{$rr[name]}
 
 
//控制器代码

$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;

//ajax代码

//地区ajax获取数据

$(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+='

';

if(data_ggk==''){

kyhtml+='

';

kyhtml+='

您可选择附近城市的分校课程
';

kyhtml+=' 也可以选择网校,在线学习进入文都网校

';

kyhtml+='

400-606-9976

';

kyhtml+='

';

}else if(data_ggk.length){

var length0=data_ggk.length;

for(var i=0;i< length0;i++){

kyhtml+='

';

kyhtml+='

'+data_ggk[i].title+'

';

kyhtml+='

';

kyhtml+='课程简介:';

kyhtml+=''+data_ggk[i].description+'';

kyhtml+='

';

kyhtml+='

';

kyhtml+='授课名师:';

kyhtml+=''+data_ggk[i].teacher+'';

kyhtml+='

';

kyhtml+='

';

kyhtml+='

报名剩余'+data_ggk[i].sign_end+'天

';

kyhtml+='报名咨询';

kyhtml+='

';

kyhtml+='

';

}

}

kyhtml+='

';

//公告

kyhtml+='

';

kyhtml+='

';

kyhtml+='公告';

kyhtml+='

  • ';

for(var coursePer in course_info[0]){

kyhtml+='

'+course_info[0][coursePer].title+'';

}

kyhtml += '

';

kyhtml+='

';

$('#ggk').html('');

$('#ggk').html(kyhtml);

});

})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值