Korzystanie z danych odpowiedzi ajax jQuery

Question

Używam ajax post i odbieram dane w postaci html. Muszę podzielić dane i umieścić fragmenty danych na całej stronie. Zbudowałem swoje dane z odpowiedzi, aby być czymś w rodzaju <p id='greeting'> Hello there and Welcome </p> <p id='something'>First timer visiting our site eh'</p> Jest to trochę bardziej skomplikowane i dynamiczne, ale mogę to zrozumieć, jeśli otrzymam odpowiedź na to pytanie. Dzięki

$.ajax({ 
      type:'POST', 
      url: 'confirm.php', 
      data: "really=yes&sure=yes", 
      success:function(data){ 
        //Need to split data here 
      } 
     }); 

Answer 1

Aktualizacja: Wystarczy sobie sprawę powinieneś to zrobić:

success:function(data) { 
    data = $('<div/>').append(data); 
    $('#greeting',data).appendTo('#one') 
    $('#something',data).appendTo('#two') 
} 

Jak mogę użyć .find prawidłowo ponieważ isnt dziecko, ale jeśli dołączyć go do pustego węzła można. Drugą alternatywą byłoby korzystania .filter

$.ajax({ 
      type:'POST', 
      url: 'confirm.php', 
      data: "really=yes&sure=yes", 
      success:function(data){ 
        $('#greeting',data).appendTo('#one') 
        $('#something',data).appendTo('#two') 
      } 
     }); 

Można wyodrębnić z data i dołączania gdzie chcesz. Możesz też zrobić coś takiego, jak zamiast tego zwracać JSON, a zamiast wydobywać html z html, wystarczy uzyskać dostęp do html z obiektu.

$(data.greeting).appendTo('#one') 
$(data.something).appendTo('#two') 

Odpowiedź musiałaby być tak:

({ 'greeting':'html', 'something' :'other html' }) 

Answer 2

(odpowiedź Meder będzie działać, jeśli są wygodne z JSON, ale wyrażenia regularne są prawdopodobnie nieco łatwiejsze i będzie działać równie dobrze za to .)

Prawdopodobnie będziesz musiał podzielić tekst odpowiedzi za pomocą wyrażeń regularnych. Na przykład, jeśli tekst odpowiedź brzmi:

<p id='greeting'> Hello there and Welcome </p> 
<p id='something'>First timer visiting our site eh'</p> 

Następnie można korzystać z niektórych JavaScript tak:

var greeting = response_text.match(/<p id='greeting'>.*</p>/); 
var something = response_text.match(/<p id='something'>.*</p>); 

(Ta strona jest świetna do nauki o wyrażeniach regularnych: http://gskinner.com/RegExr/)

Answer 3

Dlaczego nie mieszaj razem odpowiedzi w ramach confirm.php ze znakiem |, a kiedy łańcuch zostanie zwrócony jako dane zmienne, możesz podzielić je na datas = data.split("|") i uzyskać dostęp do poszczególnych odpowiedzi za pomocą data[0], , itp.