jQuery中ajax获取数据赋值给页面的实例
网络编程 2021-07-04 17:33www.168986.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家分享一篇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, suess: 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://.wenduedu./" rel="external nofollow" >进入文都网校</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="mon-titleModule mon-titleModuleWD">'; kyhtml+='<a target="_blank" class="monTitle_name" href="javascript:void(0)" rel="external nofollow" rel="external nofollow" >公告</a><b class="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获取数据赋值给页面的实例就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程