宜宾网站建设公司

如何在jQuery中利用ajax将数据赋值给页面-创新互联

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

创新互联建站是一家集网站建设,永春企业网站建设,永春品牌网站建设,网站定制,永春网站建设报价,网络营销,网络优化,永春网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

实例如下所示：

//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将数据赋值给页面了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联成都网站设计公司行业资讯频道。
    另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
                    
    
                文章名称：如何在jQuery中利用ajax将数据赋值给页面-创新互联                
    
                文章起源：http://ybzwz.com/article/dcjgoe.html
            
        
        
    
            
    其他资讯