jQuery中ajax获取数据赋值给页面

//html代码

<a href="javascript:void(0)" class="cityname" id="{$rr[code]}" name='{$rr[name]}'>{$rr[name]}</a>

//控制器代码
$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代码
<script type="text/javascript">//地区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+=' <div class="local_courseLeft">'; if(data_ggk==''){    kyhtml+='<div class="second_interview">';kyhtml+='<p class="other-choose">您可选择附近城市的分校课程<br>';kyhtml+=' 也可以选择网校，在线学习<a class="enter_official" target="_blank" href="http://www.wenduedu.com/">进入文都网校</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+'" 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+'" 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)">公告</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+'">'+course_info[0][coursePer].title+'</a></li>'; }kyhtml += '</ul>';kyhtml+='</div>';$('#ggk').html(''); $('#ggk').html(kyhtml);
});})
</script>

jQuery中ajax获取数据赋值给页面相关推荐

【四二学堂】jquery方式ajax获取数据并渲染页面
var newsData = ''; var mydata = {"pageNum":obj.curr,"pageSize":"5"}; / ...
jQuery的ajax获取数据渲染页面
一.ajax的请求方式 post $.ajax({//请求方式type:'POST',//发送请求的地址url:'xxxxxx',//服务器返回的数据类型dataType:'json',//发送到服务 ...
关于layer.open()弹出页面与”父页面“之间获取数据赋值给页面Element的问题
文章目录前言一.layer.open()的使用 1.概念 2.主要参数二.弹出页面与"父页面"之间获取Element数据并赋值 1.需求 2.实现代码 1.前期准备 2.所有 ...
swiper中ajax获取数据不能滑动问题
近期移动项目中,做的类似今日头条栏目效果,swiper中内容通过ajax获取,不能侧滑,暂时了解到的解决办法: 1.在ajax请求成功后绑定swiper容器: 2.在swiper中添加内容变化后初始 ...
Ajax获取数据渲染到页面的过程
Ajax 分四步骤: 创建一个Ajax对象: 打开一个链接: 监听请求的数据: 发送请求. 直接贴代码啦 <script>$(function () {$.ajax({url:'http: ...
Ajax获取数据渲染到页面
<script> $(function () {$.ajax({url:'http://www.hzy.cmdcw.com/index.php/message', type:'post', ...
ajax 限制显示条数,jquery通过ajax获取数据，控制显示的数据条数
无标题文档 body { margin:0;} table { border:1px solid #ccc;} td,th { height:26px; font-family:"微软雅黑& ...
vue定时ajax获取数据,vue 中使用 AJAX获取数据的方法
在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: new Vue({ el:'#app', data:{data:&qu ...
Jquery中AJAX的应用
使用Jquery中的AJAX进行异步开发是特别迅速的,也是目前比较流行的,下面对AJAX的使用做下总结. //判断用户名是否可以注册 $.ajax({ ...

jQuery中ajax获取数据赋值给页面

jQuery中ajax获取数据赋值给页面相关推荐

最新文章

热门文章