Anzeige von Ajax Daten in einer UI

Question

Ich konnte Daten mit einem Ajax-Aufruf aus dem Active Directory abrufen.

die PHP-Datei verwendet, um die Ajax-Aufruf zu Active Directory zu machen: http://pastebin.com/tSRxwQL8

Der Browser-Konsole zeigt, dass ein Ajax-Aufruf gibt diese:

<p> sn: xxxxxx<br/>givenname: xxxxx<br/> 
 
    employeeID: 0050<br/ 
 
    >distinguishedName: CN=xxxx xxxxx,OU=Employees,OU=Accounts,OU=India,DC=asia,DC=xxxxxxx,DC=com<br/> 
 
    displayName: Mark Hewettk<br/>sAMAccountName: xxxxxxx<br/> 
 
    department: xxxxx<br/>manager: CN=xxxxxx xxxxxxx,OU=Employees,OU=Accounts,OU=India,DC=asia,DC=xxxx,DC=com 
 
    <br/> 
 
    mail: mhewettk@abc.com<br/> 
 
    title: xyz<br/>

Ich möchte nehmen nur einige Attribute wie mail, displayname usw. und Anzeige in meinem HTML:

<h2 class="profile__name" id="emailOfUser">Email : </h2>

Das Problem ist jetzt die Jquery, die ich hier verwendet haben:

$('.leaderboard li').on('click', function() { 
 
    $.ajax({ 
 
    url: "../popupData/activedirectory.php", // your script above a little adjusted 
 
    type: "POST", 
 
    data: { 
 
     id: $(this).find('.parent-div').data('name') 
 
    }, 
 
    success: function(data) { 
 
     console.log(data); 
 

 
     $('#popup').fadeIn(); 
 

 
     $('#emailOfUser').html(data); //this line displays all data whereas I want to select only email,displayname from the above console data 
 

 

 

 
     //whatever you want to fetch ...... 
 
     // etc .. 
 
    }, 
 
    error: function() { 
 
     alert('failed, possible script does not exist'); 
 
    } 
 
    }); 
 
});

Problem ist folgendes:

$('#emailOfUser').html(data);

diese Zeile zeigt alle Daten, während ich nur E-Mail, displayname aus den oben genannten Konsolendaten

freundlich, mir wählen will helfen, wie nur die gewünschten Attributdaten aus der obigen Browser-Konsole wählen Daten.

Answer 1

Idealerweise sollten Sie JSON aus der PHP-Datei zurückgeben, aber wenn es nicht möglich ist, Änderungen an der PHP-Datei vorzunehmen, können Sie split ("mail:") und split ("title:") verwenden, um Daten zu extrahieren

success: function(data) { 
     console.log(data); 

     $('#popup').fadeIn(); 

     var email=(data.split("mail:")[1]).split("title:")[0]; 
     $('#emailOfUser').html(email); //this line displays all data whereas I want to select only email,displayname from the above console data 



     //whatever you want to fetch ...... 
     // etc .. 
    }, 

Answer 2

Sie erhalten eine Antwort in HTML, die Ihnen das Extrahieren von Mail, Displayname usw. erschwert. Sie sollten die Antwort in JSON erhalten, die es Ihnen erleichtert, die erforderlichen Informationen zu extrahieren. Bitten Sie Ihr Back-End-Team, eine Antwort im JSON-Format zu senden.

Answer 3

Working Fiddle

Versuchen:

var lines = 'sn: xxxxxx<br/>givenname: xxxxx<br/>employeeID: 0050<br/>distinguishedName: CN=xxxxxxxxx,OU=Employees,OU=Accounts,OU=India,DC=asia,DC=xxxxxxx,DC=com<br/>displayName: Mark Hewettk<br/>sAMAccountName: xxxxxxx<br/>department: xxxxx<br/>manager: CN=xxxxxx xxxxxxx,OU=Employees,OU=Accounts,OU=India,DC=asia,DC=xxxx,DC=com<br/>mail:mhewettk@abc.com<br/>title:xyz<br/>'.split('<br/>'); 
    jQuery.each(lines, function() { 
    var val = this; 
    if (val.indexOf('mail') > -1) 
    // alert(val.split(':')[1]); //Only for test 
     $('#emailOfUser').html(val.split(':')[1]); 
    });