Jquery를 통해 html을 많이 사용하여 div를 새로 고침

Question

코드를 게시하지 않는 것에 대해 지각과 부주의에 대해 죄송합니다.

이렇게 작동합니다 : 색인 페이지에는 사용자가 표시된 이미지를 필터링하는 데 사용할 수있는 몇 가지 범주가 있습니다. 사용자가 이미지를 필터링하면 이미지가 생성되어 jQuery AJAX를 통해 내 컨트롤러로 전달되어 새로운 필터링 된 이미지를 가져옵니다. 다음은 AJAX 메소드의 모습입니다. "filter_these"변수에는 변수가 저장됩니다.

$.ajax({ 

    'type': 'post', 
    'url': '*controllername*', 
    'datatype': 'html', 
    'data': {'categories': filter_these}, 
    success: function(response){ 
     window.alert(response); 
    } 
}); 

내 컨트롤러에서 변수에 저장되는 새 이미지를 얻습니다. jQuery에서 전달되는 동안 이미지는 "응답"변수에 있습니다. 이제 새로운 이미지를 사용하여 페이지의 이미지 섹션을 다시로드하는 방법을 찾아야합니다. html을 많이 사용하지 않아도된다면 쉽게 할 수 있습니다.

그래서 내가 알고 싶은 것은 새 이미지로 페이지의 해당 부분을 어떻게 다시로드해야 하는가입니다.

나는 그 안에 그림이있는 페이지를 echo'ing하려고 생각하고 있었지만, Codeiginiter를 사용하는 동안 그것을 찾을 수없는 것 같습니다.

또는 내 컨트롤러에 에코로 표시하면 작동하지 않는 경우가 있습니다. 도와 주시면 감사하겠습니다.

Answer 1

일부 div에 (load_image.php)로드하는 Jquery 함수입니다.

$('#filter_id').click(function(){ 
        // grabs some info so we know what the image is 
     var aa = $('#image').val(); 
        // clears the div before loading 
      $('#div_id').empty(); 
        // loads the php page into the div       
     $('#div_id').load('load_image.php?imagename='+aa);  

     }); 

load_image.php 당신은 같은 것을 할 수

<php  
     $imagename = $_GET['imagename']; 
    ?> 

    <img src="/images/<?php echo $imagename;?>"> 

Answer 2

:

<div id="imagesContainer"> 
    <img src="image1.jpg" title="Fred" /> 
    <img src="image2.jpg" title="Dave" /> 
</div> 

을 그리고 표시/위해 jQuery를 사용하는 ID로 텍스트 입력 상자를 사용하여 이미지를 숨기 "필터 "(<input type="text" id="filter" />).