2013-12-18 1 views
1

녀석들에게 검색 입력이 있고 그 값을 아약스 jquery에 보내고 결과를 div에 표시하려면 해당 div의 값 (id)을 다른 아약스 jquery로 다시 보낼 수 있습니까? 이 시도하지만 방화 광에서 anyting 보내지 못했습니다,이 html에서 프로그램 흐름을 아약스 다음 ID를 보내려면 div (responsecontainer) 및 결과를 표시 할 cari.php 보낼 ajax jquery 결과에서 ID를 보내려고합니다. 세부 사항을 표시 초 아약스 가치 ..아약스 jquery에 ID 값 보내기

this is my jquery 

    $('.cariinvbranch').click(function(e) { 
    var branch = $("#branch").val(); 
    var status = $("#status").val(); 
     $.ajax({ 
      type: "POST", 
      url: "pages/cari.php", 
      data: 'branch='+branch+'&status='+status,      
      success: function(response){ 
       $("#responsecontainer").html(response); 
       //alert(data); 
      }        
     }); 

    }); 


    $(document).ready(function(){ 
     $('.detil').click(function(e) {   
     var id = $(this).attr('id'); 
     var dataString = 'id='+ id ; 
     alert(dataString); 
      $.ajax({ 
       type: "POST", 
       url: "pages/detil.php", 
       data: dataString,      
       success: function(response){ 
        $("#responsecontainer").html(response); 
       }        
      });  
     }); 

$('.cariinvbranch').click(function(e) { 
    var branch = $("#branch").val(); 
    var status = $("#status").val(); 
     $.ajax({ 
      type: "POST", 
      url: "pages/cari.php", 
      data: 'branch='+branch+'&status='+status,      
      success: function(response){ 
       $("#responsecontainer").html(response); 
       //alert(data); 
      }        
     }); 

    }); 





my html 

    <select name='branch' id='branch' class='searchtoolbar' > 
       <option></option> 
       <?php 
       $query = $database->GetBranch(); 
       while($row = mysql_fetch_array($query)) 
       { 
        echo "<option value=$row[branch]>$row[branch]</option>";    
       } 
       ?> 
      </select> 
      <select name='status' id='status' class='searchtoolbar'> 
       <option></option> 
       <?php 
       $query = $database->GetStatus(); 
       while($row = mysql_fetch_array($query)) 
       { 
        echo "<option value=$row[asset_status]>$row[asset_status]</option>";    
       } 
       ?> 
      </select> 
      <a href ='#' class='cariinvbranch' id='branch'>Cari</a> 

     <div ='responsecontainer'> 

     <result here from search> 

     </div> 

------------------------------------------------------------- 
cari.php 

     <?php 
    // if($_POST['branch'] !== '' AND $_POST['status'] !== ''){ 
    include_once('../include/classes/session.php'); 
    if(strlen($_POST['branch']) < 1){ 
    $_POST['branch']; 
    $status = $_POST['status']; 

    $result1 = $database->getPcAsset(); 
    $num_rows1 = mysql_num_rows($result1); 
    for ($i = 0; $i < $num_rows1; $i++) { 
    $idx = mysql_result($result1,$i,'idx');} 

    $result=$database->CariInvStatusAll($status); 
    $numrows = mysql_num_rows($result); 
    echo "<table id = 'asset'> 
      <tr class = 'header'> 
       <td> 
        <input type='checkbox' name='cek'> 
       </td> 
       <td> 
        Name 
       </td>  
       <td> 
        Model 
       </td> 
       <td> 
        OS 
       </td> 
       <td> 
        Asset Status 
       </td> 
       <td> 
        Branch 
       </td> 
       <td> 
        SN 
       </td> 
      </tr> 
     </table>"; 
    for($i=0;$i<$numrows;$i++){ 
    $idx = mysql_result($result,$i,'idx'); 
    $name = mysql_result($result,$i,'name'); 
    $model = mysql_result($result,$i,'model'); 
    $operation_system = mysql_result($result,$i,'operation_system'); 
    $asset_status = mysql_result($result,$i,'asset_status'); 
    $branch = mysql_result($result,$i,'branch'); 
    $serial_number = mysql_result($result,$i,'serial_number'); 


    echo " 
     <table> 
      <tr> 
       <td> 
        <input type='checkbox' name='cek'> 
       </td> 
       <td>     
        <a href='#' class='detil' id='$idx'>$name<a> 
         $idx 
       </td> 
       <td> 
        $model 
       </td> 
       <td> 
        $operation_system 
       </td> 
       <td> 
        $asset_status 
       </td> 
       <td> 
        $branch 
       </td> 
       <td> 
        $serial_number 
       </td> 
      </tr> 
     </table>"; 

    } 

---------------------------------------------------- 

detil.php 

    <?php 
    include_once ("../include/classes/session.php"); 

    $id = $_POST['id']; 
    $result = $database->getDetilPcAsset($id); 
    $num_rows = mysql_num_rows($result); 
    for ($i = 0; $i < $num_rows; $i++) { 
    $idx = mysql_result($result,$i,'idx'); 
    $name = mysql_result($result,$i,'name'); 
    $model = mysql_result($result,$i,'model'); 
    $manufacturer = mysql_result($result,$i,'manufacturer'); 
    $purchasing_date = mysql_result($result,$i,'purchasing_date'); 
    $operation_system = mysql_result($result,$i,'operation_system'); 
    $ipaddress = mysql_result($result,$i,'ipaddress'); 
    $asset_status = mysql_result($result,$i,'asset_status'); 
    $branch = mysql_result($result,$i,'branch'); 
    $location = mysql_result($result,$i,'location'); 
    $serial_number = mysql_result($result,$i,'serial_number'); 
    $warranty_expired = mysql_result($result,$i,'warranty_expired'); 
    $delivered_date = mysql_result($result,$i,'delivered_date'); 
    $pic = mysql_result($result,$i,'pic'); 
    $installation_date = mysql_result($result,$i,'installation_date'); 
    $requested_by = mysql_result($result,$i,'requested_by'); 
    $vendor_name = mysql_result($result,$i,'vendor_name'); 

    echo "<table id='tableassetdetil'> 
     <tr> 
      <td> 
       Name 
      </td> 
      <td> 
       : 
      </td> 

      <td> 
       $name 
      </td> 
     </tr> 

     <tr> 
      <td> 
       Manufacturer 
      </td> 
      <td> 
       : 
      </td> 
      <td> 
       $manufacturer 
      </td> 
     </tr> 
     <tr> 
      <td> 
       purchasing_date 
      </td> 
      <td> 
       : 
      </td> 
      <td> 
       $purchasing_date 
      </td> 
     </tr> 
     <tr> 
      <td> 
       operation_system 
      </td> 
      <td> 
       : 
      </td> 
      <td> 
       $operation_system 
      </td> 
     </tr> 
     <tr> 
      <td> 
       ipaddress 
      </td> 
      <td> 
       : 
      </td> 

      <td> 
       $ipaddress 
      </td> 
     </tr> 
     <tr> 
      <td> 

       asset_status 
      </td> 
      <td> 
       : 
      </td> 
      <td> 
       $asset_status 
      </td> 
     </tr> 
     <tr> 
      <td> 
       branch 
      </td> 
      <td> 
       : 
      </td> 
      <td> 
       $branch 
      </td> 
     </tr> 
     <tr> 
      <td> 
       location 
      </td> 
      <td> 
       : 
      </td> 

      <td> 
       $location 
      </td> 
     </tr> 

     <tr> 
      <td> 
       serial_number 
      </td> 
      <td> 
       : 
      </td> 
      <td> 
       $serial_number 
      </td> 
    </tr> 
     <tr> 
      <td> 
       warranty_expired 
      </td> 
      <td> 
       : 
      </td> 
      <td> 
       $warranty_expired 
      </td> 
     </tr> 
     <tr> 
      <td> 
       delivered_date 
      </td> 
      <td> 
       : 
      </td> 
      <td> 
       $delivered_date 
      </td> 
     </tr> 
     <tr> 
      <td> 
       pic 
      </td> 
      <td> 
       : 
      </td> 
      <td> 
       $pic 
      </td> 
     </tr> 
     <tr> 
      <td> 
       installation_date 
      </td> 
      <td> 
       : 
      </td> 
      <td> 
       $installation_date 
      </td> 
     </tr> 
     <tr> 
      <td> 

       requested_by 
      </td> 
      <td> 
       : 
      </td> 
      </td> 
      <td> 
       $requested_by 
      </td> 
     </tr> 
     <tr> 
      <td> 
       vendor_name 
      </td> 
      <td> 
       : 
      </td> 

      <td> 
       $vendor_name 
      </td> 
     </tr>  
    </table> "; 

    } 


    ?> 

답변

0

당신은 내가 당신의 코드에서 어떤 .detil 요소가 표시되지 않는 키 값 쌍을 {key1: 'value1', key2: 'value2'}

var dataString = {id: id}; 
0

를 사용할 수 있습니다. 어쨌든 .on() 메서드를 사용해야합니다. 그러면 스크립트에서 현재 요소 집합을 살펴볼 것입니다. 왜냐하면 AJAX 콘텐츠를로드 한 후에는 .click()에 새로운 요소가 표시되지 않기 때문입니다.

$('.parent').on('click', '.child', function() { 
    // Do magic 
}); 

설명서에는 link for .on()입니다.

개체 사용을 고려하십시오.

$.ajax({ 
    type: "POST", 
    url: "some.php", 
    data: { name: "John", location: "Boston" }, 
    success: function(resp) { 
     // Magic 
    } 
}); 
관련 문제