大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

如何在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将数据赋值给页面
    文章转载:http://dzwzjz.com/article/gsosce.html