Home > Article > Web Front-end > How to extract data assignment with ajax in jQuery
This time I will bring you the assignment of how to extract data with ajax in jQuery. What are the precautions for assigning data to ajax in jQuery? The following is a practical case, let's take a look.
The example is as follows:
//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>
//控制器代码 $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+=' <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>
HTML+CSS+jQuery to realize the carousel advertising image
html+css+jquery to realize the floor Scroll effect
How to create paging effect with jquery
The above is the detailed content of How to extract data assignment with ajax in jQuery. For more information, please follow other related articles on the PHP Chinese website!