Wie schreibe ich die for-Schleife in Javascript

Question

Von diesem Code schrieb ich Select-Abfrage in get-employee.php Seite Ich habe die Antwort für diese Seite, danach gebe ich die Daten für die vorherige Seite (home.php) .Von diese Seite i für Javascript for-Schleife schreiben in vor diesem Tag class = "col-md-3" i öffnen wollen, dass die for-Schleife und den Wert für class = "Under_Manager"

von diesem Code anhängen ich kann Fehler wie folgt erhalten SyntaxError: erwarteter Ausdruck, bekam '}'

<script type="text/javascript"> 
 
    $(document).ready(function(){ 
 
     $('.getEmployee').click(function(){ 
 
      var emp_id = $(this).attr("rel"); 
 
      $.ajax({ 
 
      type:'POST', 
 
      url :"get-employee.php", 
 
      data : { emp_id : emp_id}, 
 
      success: function(data) { 
 
       var res=jQuery.parseJSON(data);// convert the json 
 
       console.log(res); 
 
       if(res['status']=="success"){ 
 
        var htmlString='';         
 
        var htmlString = '<section class="content-header"><h1>Employee</h1></section><!-- Main content --><section class="content"><div class="row"><div class="col-xs-12"><div class="box"><div class="row" style="margin:10px">'+$.each(res['data'], function(key, value) {+'<div class="col-md-3"><!-- Widget: user widget style 1 --><div class="box box-widget widget-user"><!-- Add the bg color to the header using any of the bg-* classes --><div class="widget-user-header" style="background-color: red;color:#fff"><h3 class="widget-user-username">Soundharajan</h3><h5 class="widget-user-desc">Manager</h5></div><div class="widget-user-image"><img class="img-circle" src="../TV/php/upload/unknown-img.jpg" alt="User Avatar"></div><div class="box-footer"><div class="row"><div class="col-sm-6 border-right"><div class="description-block"><h5 class="description-header">9862626427</h5><span class="description-text">Mobile</span></div><!-- /.description-block --></div><!-- /.col --><div class="col-sm-6"><div class="description-block"><h5 class="description-header">BE</h5><span class="description-text">Education</span></div><!-- /.description-block --></div><!-- /.col --></div><!-- /.row --></div><button type="button" data-loading-text="Loading..." class="btn btn-primary btn-block view_employee" style="background-color: red;color:#fff;border-color:red"> View Task </button></div><!-- /.widget-user --></div></div></div></div>'+});+'</div></section><!-- /.section -->' 
 

 
         
 
        $(".Under_Manager").prepend(htmlString); 
 
         
 
       }else{ 
 
        console.log('erorr'); 
 
       } 
 
      }, 
 
      error:function(exception){ 
 
       alert('Exeption:'+exception); 
 
      } 
 
     }); 
 
    }); 
 
    }); 
 
</script> 
 
    
 
    
 
<!--get-employee.php--> 
 
     
 
     
 
<?php 
 
session_start(); 
 
include('dbconfig.php'); 
 
if(empty($_SESSION['email'])){ 
 
    header('Location:login.php'); 
 
} 
 
$userlevel = $_SESSION['is_user_type']; 
 
$emp_id = $_POST['emp_id']; 
 
$sql=mysql_query("SELECT * FROM task_employee WHERE emp_underon ='$emp_id'"); 
 
$data = array(); 
 
while($row=mysql_fetch_assoc($sql)){ 
 
\t $data[] = $row; 
 
} 
 
$count = sizeof($data); 
 
if($count > 0){ 
 
    $return=array('status'=>'success','count'=>sizeof($data),'data'=>$data); 
 
\t echo json_encode($return); 
 
}else{ 
 
\t \t $return=array('status'=>'error'.mysql_error(),'count'=>sizeof($data),'data'=>$data); 
 
\t echo json_encode($return); 
 
} 
 
?>

<div class="Under_Manager"></div>

Answer 1

$.each() nicht zurück, was die Callback-Funktion funktioniert, müssen Sie $.map verwenden, dann .join() alle Ergebnisse in einen String zurück zu kombinieren.

Ein einfacherer Weg besteht jedoch darin, die Schleife aus der Verkettung herauszunehmen und stattdessen an die Zeichenfolge in der Schleife anzuhängen.

var htmlString = '<section class="content-header"><h1>Employee</h1></section><!-- Main content --><section class="content"><div class="row"><div class="col-xs-12"><div class="box"><div class="row" style="margin:10px">'; 
$.each(res['data'], function(key, value) { 
    htmlString += '<div class="col-md-3"><!-- Widget: user widget style 1 --><div class="box box-widget widget-user"><!-- Add the bg color to the header using any of the bg-* classes --><div class="widget-user-header" style="background-color: red;color:#fff"><h3 class="widget-user-username">Soundharajan</h3><h5 class="widget-user-desc">Manager</h5></div><div class="widget-user-image"><img class="img-circle" src="../TV/php/upload/unknown-img.jpg" alt="User Avatar"></div><div class="box-footer"><div class="row"><div class="col-sm-6 border-right"><div class="description-block"><h5 class="description-header">9862626427</h5><span class="description-text">Mobile</span></div><!-- /.description-block --></div><!-- /.col --><div class="col-sm-6"><div class="description-block"><h5 class="description-header">BE</h5><span class="description-text">Education</span></div><!-- /.description-block --></div><!-- /.col --></div><!-- /.row --></div><button type="button" data-loading-text="Loading..." class="btn btn-primary btn-block view_employee" style="background-color: red;color:#fff;border-color:red"> View Task </button></div><!-- /.widget-user --></div>'; 
}); 
htmlString += '</div></div></div></div></section><!-- /.section -->';