下面我就为大家分享一篇jquery中ajax获取数据赋值给页面的实例，具有很好的参考价值，希望对大家有所帮助。
实例如下所示：
//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"> //地区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+=' <p class="local_courseleft">'; if(data_ggk==''){ kyhtml+='<p class="second_interview">'; kyhtml+='<p class="other-choose">您可选择附近城市的分校课程<br>'; kyhtml+=' 也可以选择网校，在线学习<a class="enter_official" target="_blank" href="http://www.wenduedu.com/" rel="external nofollow" >进入文都网校</a></p>'; kyhtml+=' <p class="official_telphone">400-606-9976</p>'; kyhtml+='</p>'; }else if(data_ggk.length){ var length0=data_ggk.length; for(var i=0;i< length0;i++){ kyhtml+='<p 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+='<p 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+='</p>'; kyhtml+='<p 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+='</p>'; kyhtml+='<p 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+='</p>'; kyhtml+='</p>'; } } kyhtml+='</p>'; //公告 kyhtml+='<p 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+='</p>'; $('#ggk').html(''); $('#ggk').html(kyhtml); }); }) </script></pre><br> <br>
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
使用tangram.js库如何实现js类
利用js代码如何实现复制功能
使用javascript如何实现音频播放功能
javascript中如何使用replace函数
js数组reduce的相关用法
如何编写有质量的js代码
mysql修改root密码
使用node.js如何实现资讯爬虫（详细教程）
以上就是在jquery中如何获取数据赋值给页面的详细内容。