Ajax는 부하를 부여합니다

StackOverflow https://stackoverflow.com/questions/861098

  •  21-08-2019
  •  | 
  •  

문제

jQuery 여야합니다

6 div in (a, b, c, d, e, f)이있는 파일 text.html이 있습니다.

다른 파일에서 나는 div가 있습니다. 나는+b+c+d+e+f의 내용을 단일 div로 채우는 것을 좋아합니다.

.LOAD = 그러나 B remplace A 나는 추가 시도를 시도했지만 온도 var가 필요합니다.

그래서 이제 나는 붙어 있습니다

해당 코드는 파일 textes.html ... div #a에서 컨텐츠를 가져 와서 컨텐츠를 div #right에 넣지 만 두 번째 libe는 오른쪽 b와 오른쪽 a의 내용을 제거합니다.

나는 콘텐츠 A + B가 A를 초과하지 않는 것을 좋아한다.

$(document).ready(function(){
var temp = load('textes.html #nicolas');
$('#right').append(temp);
var temp = load('textes.html #antoine');
$('#right').append(temp);
.
.
.
.

return false;
});

이 코드는 작동해야 할 사항의 배후에있는 아이디어이지만 Ajax .load ()를 만들기 위해 컨텐츠를 변수로로드하여 컨텐츠를 div에 추가 할 수는 없습니다.

<script type="text/javascript">
$(document).ready(function(){    
$.ajax({
  url: "textes.html",
  cache: false,
  success: function(html){
    $("#right").append(html);
  }
});
});
</script>

해당 코드 전체 HTML 파일을로드하면 선택한 DIV # 만 얻고 싶습니다.

도움이 되었습니까?

해결책 

$(document).ready(function(){    
    $.get("textes.html",function(data){
        $("#right").append($("#nicolas",data)).end().append($("#antoine",data));
    },'html');    
});

다른 팁

나는 지금 비슷한 문제를 겪었고 .load () 함수를 사용하여 원하는 것을 수행하는 방법을 알아 냈다고 생각합니다. 예쁘지는 않지만 신경 쓰지 마십시오;)

먼저, "가시성 : 숨겨진"스타일로 HTML에 "tempdiv"를 추가했습니다.

<div id="TempDiv" style="visibility:hidden"></div>

그런 다음 jQuery를 실행합니다.

$(document).ready(function(){
        $('#TempDiv').load('textes.html #nicolas', function(){
            $('#right').append($('#TempDiv').html());
        });

    });

그것이 가장 좋은 방법인지 확실하지 않습니다!

추신 : 그것은 나의 첫 번째 stackoverflow 게시물입니다;)

노력하다,

$.get('url.php', function(data) {
    $("#right").append(data);
});

jQuery처럼 들리나요? 내가 언급 할 수 없으므로 어떤 프레임 워크를 사용하고 있는지 말하십시오. 어쨌든, 부록은 작동해야합니다. 다음과 같은 일을하십시오.

mydiv.append(a.text());
mydiv.append(b.text());
mydiv.append(c.text());
mydiv.append(d.text());
mydiv.append(e.text());
mydiv.append(f.text());

그들은 모두 mydiv에 추가되어야합니다. 참고 : html을 원한다면 .text () 대신 .html () 함수를 사용하십시오.

jQuery ( http://jquery.com/ )는 다른 파일을 가져 오기 위해 AJAX 요청을 수행하는 데 사용할 수있는 좋은 JavaScript 라이브러리입니다. 자세한 내용은이 질문을 참조하십시오. jQuery를 사용하여 xmlhttprequest를 대체하십시오

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top