UIでデータと呼ばれるajaxを表示

Question

アクティブなディレクトリからajax呼び出しでデータを取得できました。

Active DirectoryへのAJAX呼び出しを行うために使用するPHPファイル：http://pastebin.com/tSRxwQL8

ブラウザのコンソールが表示さAJAX呼び出しが返す、この：

<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/>

私が撮りたいです上記のいくつかの属性はmail、displaynameなどのようにHTMLの中に表示されます：

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

今の問題は、私がここで使用しているjQueryのです：

0123：

$('.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'); 
 
    } 
 
    }); 
 
});

問題はこれです

私は電子メールのみを選択するのに対し、このラインは、親切に上記のブラウザのコンソールからのみ必要な属性データを選択する方法私を助ける上でコンソールデータからのDisplayName

、すべてのデータを表示しますデータ。

Answer 1

PHPファイルからJSONを返すのが理想的ですが、PHPファイルを変更できない場合はsplit（ "mail："）とsplit（ "title："）を使用してデータを抽出します

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

あなたはHTMLで回答を得ています。メールや表示名などを抽出するのが難しくなります。 あなたは必要な情報を簡単に抽出できるようにJSONで回答を得てください。 JSON形式で応答を送信するようにバックエンドチームに依頼してください。

Answer 3

Working Fiddle

試してみてください。

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]); 
    });