最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

在jQuery中ajax怎样提取数据的赋值

来源:动视网 责编:小采 时间:2020-11-27 19:59:41
文档

在jQuery中ajax怎样提取数据的赋值

在jQuery中ajax怎样提取数据的赋值:这次给大家带来在jQuery中ajax怎样提取数据的赋值,在jQuery中ajax提取数据赋值的注意事项有哪些,下面就是实战案例,一起来看一下。实例如下所示://html代码 <pre name="code" class="html"><a
推荐度:
导读在jQuery中ajax怎样提取数据的赋值:这次给大家带来在jQuery中ajax怎样提取数据的赋值,在jQuery中ajax提取数据赋值的注意事项有哪些,下面就是实战案例,一起来看一下。实例如下所示://html代码 <pre name="code" class="html"><a


这次给大家带来在jQuery中ajax怎样提取数据的赋值,在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>

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

HTML+CSS+jQuery实现轮播广告图

html+css+jquery实现楼层滚动效果

jquery怎样做出分页效果

文档

在jQuery中ajax怎样提取数据的赋值

在jQuery中ajax怎样提取数据的赋值:这次给大家带来在jQuery中ajax怎样提取数据的赋值,在jQuery中ajax提取数据赋值的注意事项有哪些,下面就是实战案例,一起来看一下。实例如下所示://html代码 <pre name="code" class="html"><a
推荐度:
标签: 获取 如何 实现
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top