1. 홈
  2. 질의 응답
  3. 아약스 jquery 및 PHP를 사용하여 레코드 필터링

아약스 jquery 및 PHP를 사용하여 레코드 필터링

2012-06-06 2 views
0

체크 박스을 사용하여 일부 매개 변수를 기반으로 검색 결과를 필터링하고 싶습니다. 페이지 기능과 함께 검색 기능이 있지만 모두 PHP로 작성되었습니다. 이제 레코드를 필터링하고 싶습니다. 이 아마 아약스 요청과 jquery가 필요합니다 그리고 난 잘 못해. 비슷한 비슷한 일을 여기 http://www.proptiger.com/property-in-pune-real-estate.php 왼쪽 패널에 데이터를 필터링하는 확인란이 있습니다. 이것은 검색 쿼리를 보유하고 결과를 표시하는 div입니다.아약스 jquery 및 PHP를 사용하여 레코드 필터링

  <div class="flt width710" id="displayProp"> 
      <div style="margin-top:10px;" class="flt mapnewalert"> <?php //echo ucfirst($_SESSION['$cityName']) ?></div> 
      <div style="float:right" id="toppagesel"> 
      <?php 

    /*****************Query for taking the count of the values of search criteria *********************** */ 
         $countQuery = "Select count(*) as total from properties inner join cities on properties.city_id=cities.city_id inner join locality on properties.locality_id=locality.locality_id inner join properties_type on properties.property_id=properties_type.property_id where (cities.city_name like '%".$_SESSION['$cityName']."%' and locality.locality_name like '%".$_SESSION['$localityName']."%') or (property_price_min between '".$_SESSION['$minPrice']."' and '".$_SESSION['$maxPrice']."') or (property_price_max between '".$_SESSION['$minPrice']."' and '".$_SESSION['$maxPrice']."') or properties_type.bed_type='".$_SESSION['$bedType']."' "; 
         //print_r($countQuery); 
         $result1 = mysql_query($countQuery); 
         //echo($result1[0]); 
         $queryCount = mysql_fetch_row($result1); 
         //print_r($queryCount); 
         //echo($result1[total]); 
         //exit; 
         $pages->items_total = $queryCount[0]; 
         //echo ($pages->items_total); 
         $pages->mid_range = 2; 

         $pages->paginate(); 
         echo $pages->display_pages();  
         echo $pages->display_items_per_page(); 

         $query = "SELECT * from properties inner join cities on properties.city_id=cities.city_id inner join locality on properties.locality_id=locality.locality_id inner join properties_type on properties.property_id=properties_type.property_id where (cities.city_name like '%".$_SESSION['$cityName']."%' and locality.locality_name like '%".$_SESSION['$localityName']."%') or (property_price_min between '".$_SESSION['$minPrice']."' and '".$_SESSION['$maxPrice']."') or (property_price_max between '".$_SESSION['$minPrice']."' and '".$_SESSION['$maxPrice']."') or (properties_type.bed_type='".$_SESSION['$bedType']."') $pages->limit"; 

      $result = mysql_query($query) or die(mysql_error()); 

      //} 
      //echo $query; 
      //$getProperty = $propertyDetails->getPropertyDetailsByCityIdPaginate($_SESSION['$cityId'],$limit); 
      ?> 
      </div> 
     </div>

은 내가 체크 박스의 체크에 JS 함수를 작성하고, .PHP 페이지에 매개 변수를 전달해야 이해하고 결과를 반환하는 쿼리를 처리하지만, 그것을 할 방법을 잘하고 위의 현재 레코드을 페이지 매김과 함께 필터링 된 레코드로 바꿉니다. 이 참조

class Paginator{ 
var $items_per_page; 
var $items_total; 
var $current_page; 
var $num_pages; 
var $mid_range; 
var $low; 
var $limit; 
var $return; 
var $default_ipp; 
//var $querystring; 
var $ipp_array; 

function Paginator() 
{ 
    $this->current_page = 1; 
    $this->mid_range = 2; 
    $this->ipp_array = array(2,4,6,8,10,'All'); 
    $this->items_per_page = (!empty($_GET['ipp'])) ? $_GET['ipp']:$this->default_ipp; 
} 

function paginate() 
{ 
    if(!isset($this->default_ipp)) $this->default_ipp='8'; 
    if($_GET['ipp'] == 'All') 
    { 
     $this->num_pages = 1; 
     //$this->items_per_page = $this->default_ipp; 
    } 
    else 
    { 
     if(!is_numeric($this->items_per_page) OR $this->items_per_page <= 0) $this->items_per_page = $this->default_ipp; 
     $this->num_pages = ceil($this->items_total/$this->items_per_page); 
    } 
    $this->current_page = (isset($_GET['page'])) ? (int) $_GET['page'] : 1 ; // must be numeric > 0 
    $prev_page = $this->current_page-1; 
    $next_page = $this->current_page+1; 
    if($_GET) 
    { 
     $args = explode("&",$_SERVER['QUERY_STRING']); 
     foreach($args as $arg) 
     { 
      $keyval = explode("=",$arg); 
      if($keyval[0] != "page" And $keyval[0] != "ipp") $this->querystring .= "&" . $arg; 
     } 
    } 

    if($_POST) 
    { 
     foreach($_POST as $key=>$val) 
     { 
      if($key != "page" And $key != "ipp") $this->querystring .= "&$key=$val"; 
     } 
    } 
    if($this->num_pages > 4) 
    { 
     $this->return = ($this->current_page > 1 And $this->items_total >= 10) ? "<a class=\"paginate\" href=\"$_SERVER[PHP_SELF]?page=$prev_page&ipp=$this->items_per_page$this->querystring\">&laquo; Previous</a> ":"<span class=\"inactive\" href=\"#\">&laquo; Previous</span> "; 

     $this->start_range = $this->current_page - floor($this->mid_range/2); 
     $this->end_range = $this->current_page + floor($this->mid_range/2); 

     if($this->start_range <= 0) 
     { 
      $this->end_range += abs($this->start_range)+1; 
      $this->start_range = 1; 
     } 
     if($this->end_range > $this->num_pages) 
     { 
      $this->start_range -= $this->end_range-$this->num_pages; 
      $this->end_range = $this->num_pages; 
     } 
     $this->range = range($this->start_range,$this->end_range); 

     for($i=1;$i<=$this->num_pages;$i++) 
     { 
      if($this->range[0] > 2 And $i == $this->range[0]) $this->return .= " ... "; 
      // loop through all pages. if first, last, or in range, display 
      if($i==1 Or $i==$this->num_pages Or in_array($i,$this->range)) 
      { 
       $this->return .= ($i == $this->current_page And $_GET['page'] != 'All') ? "<a title=\"Go to page $i of $this->num_pages\" class=\"current\" href=\"#\">$i</a> ":"<a class=\"paginate\" title=\"Go to page $i of $this->num_pages\" href=\"$_SERVER[PHP_SELF]?page=$i&ipp=$this->items_per_page$this->querystring\">$i</a> "; 
      } 
      if($this->range[$this->mid_range-1] < $this->num_pages-1 And $i == $this->range[$this->mid_range-1]) $this->return .= " ... "; 
     } 
     $this->return .= (($this->current_page < $this->num_pages And $this->items_total >= 10) And ($_GET['page'] != 'All') And $this->current_page > 0) ? "<a class=\"paginate\" href=\"$_SERVER[PHP_SELF]?page=$next_page&ipp=$this->items_per_page$this->querystring\">Next &raquo;</a>\n":"<span class=\"inactive\" href=\"#\">&raquo; Next</span>\n"; 
     $this->return .= ($_GET['page'] == 'All') ? "<a class=\"current\" style=\"margin-left:10px\" href=\"#\">All</a> \n":"<a class=\"paginate\" style=\"margin-left:10px\" href=\"$_SERVER[PHP_SELF]?page=1&ipp=All$this->querystring\">All</a> \n"; 
    } 
    else 
    { 
     for($i=1;$i<=$this->num_pages;$i++) 
     { 
      $this->return .= ($i == $this->current_page) ? "<a class=\"current\" href=\"#\">$i</a> ":"<a class=\"paginate\" href=\"$_SERVER[PHP_SELF]?page=$i&ipp=$this->items_per_page$this->querystring\">$i</a> "; 
     } 
     $this->return .= "<a class=\"paginate\" href=\"$_SERVER[PHP_SELF]?page=1&ipp=All$this->querystring\">All</a> \n"; 
    } 
    $this->low = ($this->current_page <= 0) ? 0:($this->current_page-1) * $this->items_per_page; 
    if($this->current_page <= 0) $this->items_per_page = 0; 
    $this->limit = ($_GET['ipp'] == 'All') ? "":" LIMIT $this->low,$this->items_per_page"; 
} 
function display_items_per_page() 
{ 
    $items = ''; 
    if(!isset($_GET[ipp])) $this->items_per_page = $this->default_ipp; 
    foreach($this->ipp_array as $ipp_opt) $items .= ($ipp_opt == $this->items_per_page) ? "<option selected value=\"$ipp_opt\">$ipp_opt</option>\n":"<option value=\"$ipp_opt\">$ipp_opt</option>\n"; 
    return "<span class=\"paginate\">Items per page:</span><select class=\"paginate\" onchange=\"window.location='$_SERVER[PHP_SELF]?page=1&ipp='+this[this.selectedIndex].value+'$this->querystring';return false\">$items</select>\n"; 
} 
function display_jump_menu() 
{ 
    for($i=1;$i<=$this->num_pages;$i++) 
    { 
     $option .= ($i==$this->current_page) ? "<option value=\"$i\" selected>$i</option>\n":"<option value=\"$i\">$i</option>\n"; 
    } 
    return "<span class=\"paginate\">Page:</span><select class=\"paginate\" onchange=\"window.location='$_SERVER[PHP_SELF]?page='+this[this.selectedIndex].value+'&ipp=$this->items_per_page$this->querystring';return false\">$option</select>\n"; 
} 
function display_pages() 
{ 
    return $this->return; 
}

}

내 시나리오의 필터 부분을 달성 할 수있는 방법

?? 어떤 도움을 주시면 감사하겠습니다 내 매김 클래스입니다.

편집 : process.php

<?php session_start(); 

    include_once("includes/classes/db_connect.php"); 
    include_once("pagination/paginator.class.php"); 

    $value = $_POST['check']; 
    echo $value; 

    $sql="SELECT * from properties inner join cities on properties.city_id=cities.city_id inner join suburbs on properties.suburb_id=suburbs.suburb_id where (cities.city_name like '%".$_SESSION['$cityName']."%' and suburbs.suburb_name like '%".$value."%') $pages->limit"; 

    echo $sql; 
    $result = mysql_query($sql); 
    //$data = mysql_fetch_assoc($result); 
    /*echo "<pre>" ; 
    print_r($data); 
    echo "</pre>" ; */ 
    while($row=mysql_fetch_assoc($result)) 
    { 
      ?> 
      <div class="projectlisttiger">   

     <div class="spacer5">&nbsp;</div> 
        <div class="listnewimg flt"> 
         <a href="p-kolte-patil-cilantro-wagholi-pune.php"> 
          <!--<img src="admin/uploads/<?php echo ($row['property_cover_image']) ?>" width="186" height="125" border="0"> 
          <img src="admin/uploads/Cilantra1/1cilantra-large.jpg" width="186" height="125" border="0">--> 
         </a> 
         <div class="newlistlaunch"><a href="p-kolte-patil-cilantro-wagholi-pune.php"><img width="65" height="65" border="0" src="images/projects/kolte-patil/cilantra/new_launch_blue.png"></a> 
         </div>        
        </div> 

        <div class="listright"> 
         <div style="width:498px; height:42px;" class="flt"> 
          <div class="list-logo flt"> 
           <div class="buildborder"><a href="p-kolte-patil-cilantro-wagholi-pune.php"><img width="80" height="36" border="0" align="absmiddle" alt="Kolte Patil" src="admin/uploads/<?php echo $row['builder_logo']?>"></a> 
           </div> 
            <div class="tablistname"><a href="p-kolte-patil-cilantro-wagholi-pune.php"><?php echo $row['property_name'] ?></a></div> 
          </div> 
          <?php if ($row['property_price_min']!=0) { ?>  
          <div class="listprice"> 
           <img width="18" height="18" align="absmiddle" src="images/city/rupee_icon.gif"> <?php echo $row['property_price_min'] ?> Lacs - <?php echo $row['property_price_max'] ?> Lacs  
          </div> 
          <?php } else { ?> 
          <div class="listprice"> 
           <img width="18" height="18" align="absmiddle" src="images/city/rupee_icon.gif">Price on Request 
          </div> 
          <?php } ?> 

         </div> 

          <div class="spacer3">&nbsp;</div>   

         <div class="listbox"> 
          <a href="p-kolte-patil-cilantro-wagholi-pune.php"><strong>Address</strong>:<?php echo $row['locality_name'] ?>, <?php echo $row['city_name'] ?><br> <strong>Types</strong>: 2BHK &amp; 3BHK 
          <br><strong>Sizes:</strong> <?php echo $row['property_size_min'] ?> sqft - <?php echo $row['property_size_max'] ?> sqft </a> 
         </div> 

         <div style="margin-left:-3px;" class="flt"> 
          <div style="width:110px;" class="flt"><a style="text-decoration:none;" href="p-kolte-patil-cilantro-wagholi-pune.php"><input type="button" value="View Details" class="detail_project"></a> 
          </div>  
          <div style="width:110px;" class="flt"><input type="button" onClick="showEnqForm('2659','Cilantro'); return false;" value="Enquire Now" class="enquire_project"></div> 
         </div> 
           <div class="spacer">&nbsp;</div>         
        </div> 
        <div class="spacer15">&nbsp;</div>    
      </div> 
<?php 
    } 
?>

편집 : 해결되는, JS이를 사용하여 디스플레이 부분은

 function changeResults(){ 
     var data = { 'venue[]' : []}; 
    $("input:checked").each(function() { 
      var chck1 = $(this).val(); 
     //alert(chck1); 
     data['venue[]'].push($(this).val());   
    }); 

$.ajax({ 
    type : 'POST', 
    url : 'process.php', 
    data : data, 
    success : function(data){ 
     $('#project_section').html(data); // replace the contents coming from php file 
     } 
    }); 
}

하지만 내 매김 그냥대로 작동하지 않습니다 파일 PHP에서입니다. 페이지 매김 클래스를 추가했습니다. 응답을 사용하여 페이지 매김을 처리 할 수있는 방법은 무엇입니까?

감사

출처

2012-06-06 KillABug

답변

2

사용 체크 박스에 자바 스크립트의 onchange를 이벤트 여기에 함수를 호출은

function changeResults(){ 
    // Now get the values of checkbox 
    var chk1 = $('#checkbox1').val(); // checkbox1 is id of checkbox 
    $.ajax({ 
    type : 'POST', 
    url : 'process.php'; 
    data : 'check='+chk1, 
    success : function(data){ 
      $('#data-div').html(data); // replace the contents coming from php file 
    } 
    }); 
}

별도의 당신의 PHP 파일 기능을

$value = $_POST['check'];

입니다 그리고 지금 조회에서이 $ 값을 넣어 조건에서

출처

2012-06-06 05:58:36

+0

이것은 이것이 수행되어야하는 방법의 예입니다. –

+0

안녕하세요 @raheel 및 답장을 보내 주셔서 감사합니다. 나는 그것을 시도하고 쿼리에 대한 응답을 얻지 만, 내 문제는, div는 새로운 것으로 대체되지 않습니다. 오래된 내용은 여전히 ​​페이지에 표시됩니다. 어떻게 제거 할 수 있습니까? ? 한 가지 더 있는데, process.php 자체에서 html을 형식화하고 현재 div 요소 (대체 할)와 동일한 형식으로 반환해야합니까? – KillABug

+0

ofcourse 당신은 또한 데이터 형식으로 jquery ajax에서 사용할 수 있도록 형식화 된 HTML을 반향시켜야합니다 –

관련 문제

 관련 문제