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

时间:2021-05-26

实例如下所示:

//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+=' <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://monTitle-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获取数据赋值给页面的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章