나는 이것을 위해 많은 것들을 수색하고 시도했지만, 단순히 이것을 작동시킬 수는 없다. 나는 다음을 가지고있다 :ajax 응답에서 반환 된 html을 어떻게 조작합니까?
$.ajax({
url: 'g.html',
type: 'GET',
dataType: 'html',
timeout: 4000,
cache: false,
error: function(request, status, error){ alert('Error'); },
success: function(html){
alert(html);
var newData=$('#baa', html);
$('#result').html('Blah'+newData);
}
});
경고 (html)는 g.html에 포함 된 html을 출력한다. 그런 다음 id = 'baa'의 내용을 읽고 주 문서에서 id = 'result'로 이동하려고합니다. 최종 목표는 데이터가 배치되기 전에 일부 데이터를 조작하는 것이지만이 간단한 버전을 작동시킬 수는 없습니다.
g.html 내가 경고 (HTML)을한다면 나는 시도하고 newData에 함께 아무것도 할 경우
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 TRANSITIONAL//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Testing</title>
</head>
<body>
<div id='baa'>
<ul>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
</ul>
</div>
</body>
</html>
은 내가
얻을 전체 HTML 출력을 얻을 .... 다음과 같습니다 [객체 개체].
완전히 엉망진창이라면 정말 도움이 될 것입니다! 또한
var newData=$(html).find('#baa');
$('#result').html('Blah'+newData.html());
, 가치 무슨 일이 일어나고 있는지 더보고
alert(newData.html());
... 시도 (즉,
[object object]
을 방지해야합니다
참고 - 왜 '필터'가 사용되는 지에 대한 다른 대답을 참조하십시오. – fearofawhackplanet
그 덕분에, 고마워요. 비슷한 방법으로
제목 텍스트를 얻을 수 있습니다 :'$ html.filter ('title') .html()'. 나는'head' 엘리먼트를 얻는 좋은 방법을 모른다. 'html','head'와'body' 엘리먼트는 jQuery 생성자'$ (html)'로 제거 되었기 때문에'# baa'를 찾기 위해'filter '가 필요합니다. '$ html' (와'find'는 최상위 요소를 검색합니다. 희망은 그것이 의미가 있습니다! – fearofawhackplanet