阿坝州网站建设公司

如何在jQuery中利用ajax将数据赋值给页面

这期内容当中小编将会给大家带来有关如何在jQuery中利用ajax将数据赋值给页面，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

成都创新互联公司是一家专业提供句容企业网站建设,专注与成都网站设计、网站建设、H5高端网站建设、小程序制作等业务。10年已为句容众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

实例如下所示：

//html代码 
{$rr[name]}

  
 

 
//控制器代码 
$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代码 
 
  //地区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+=' '; 
    if(data_ggk==''){  
     kyhtml+=''; 
     kyhtml+='您可选择附近城市的分校课程
'; 
     kyhtml+=' 也可以选择网校，在线学习进入文都网校
'; 
     kyhtml+=' 400-606-9976
'; 
     kyhtml+='
';  
    }else if(data_ggk.length){ 
    var length0=data_ggk.length; 
    for(var i=0;i< length0;i++){ 
     kyhtml+=''; 
     kyhtml+=''+data_ggk[i].title+'
'; 
     kyhtml+=''; 
     kyhtml+='课程简介：'; 
     kyhtml+=''+data_ggk[i].description+''; 
     kyhtml+='
'; 
     kyhtml+=''; 
     kyhtml+='授课名师：'; 
     kyhtml+=''+data_ggk[i].teacher+''; 
     kyhtml+='
'; 
     kyhtml+=''; 
     kyhtml+='报名剩余'+data_ggk[i].sign_end+'天
'; 
     kyhtml+='报名咨询'; 
     kyhtml+='
'; 
     kyhtml+=''; 
     } 
    } 
    kyhtml+=''; 
    //公告 
     kyhtml+=''; 
     kyhtml+=''; 
     kyhtml+='公告'; 
     kyhtml+=''; 
     for(var coursePer in course_info[0]){ 
     kyhtml+='
  • '+course_info[0][coursePer].title+'
    • '; 
     } 
     kyhtml += ''; 
     kyhtml+=''; 
    $('#ggk').html(''); 
    $('#ggk').html(kyhtml); 
}); 
  }) 

     

    上述就是小编为大家分享的如何在jQuery中利用ajax将数据赋值给页面了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联行业资讯频道。
                
            
                            
    
                网页名称：如何在jQuery中利用ajax将数据赋值给页面                
    
                URL链接：http://azwzsj.com/article/gsosce.html
            
        
        
    
            
    其他资讯