jQuery를 사용하여 페이지를 새로 고치지 않고 페이지 데이터를 업데이트하는 방법

콘텐츠를 새로 고치지 않고 페이지의 데이터를 업데이트해야하는 웹 사이트를 수정해야합니다. 방문객이 부품 번호를 입력하면 수량 단위 할인과 함께 단일 유닛의 가격이 표시되므로 시스템이 변경되어야합니다. 방문자가 할인을 위해 방문자에게 자격을 부여하는 수량을 선택하면 해당 할인 밴드와 함께 새 가격이 표시됩니다. 우리가 가지고있는 시스템은 이제는 훌륭하게 작동하지만 몇 단계가 포함되어있어 사용자가 초기 검색 단계에서 수량을 선택할 수 없게됩니다. jquery를 사용하여 데이터베이스에 연결하고 선택한 수량에 맞는 가격 및 할인 밴드를 가져와야합니다. 여기에 변경이 필요한 코드가 있습니다.jQuery를 사용하여 페이지를 새로 고치지 않고 페이지 데이터를 업데이트하는 방법

<body > 


<table border="0" cellspacing="0" cellpadding="0" align="center"> 
<tr> 
<td align="center"> 

<?php 
include ("../includes/java_update.php"); 
?> 
<table width="100%" > 

         <?php 
    while ($row = mysql_fetch_array($result)) 
    { 
     // Increment the total cost of all items 
     ?> 
<tr class="inside1"> 
          <td colspan="8"><hr size="1" >        </td> 
         <tr id="inside"> 
          <td><input type="text" name="<?php echo $row["part_number"];?>" value="<?php echo $row["qty"];?>" id="t" onBlur="UpdateQty2(this.name,this.value)" size="3" >        </td> 
          <td><input name="button" type="button"value="Update" class="button"></td> 
           <td class="disc" width="12%" height="25"><?php echo $row["part_number"]; ?> </td> 
           <td class="discleft" width="39%" height="25"> 
<?php 



          echo $row["disc"]; ?>        </td> 
          <td id="price" width="6%" height="25">&pound; 
           <?php 

          for($in =1 ; $in <= 8; $in++) 
          { 
          $bb=$row["price_break".($in)]; 

          $halves =explode("-",$bb); 
          $firstnumber=$halves[0]; 
          $secondnumber=$halves[1]; 




         If ($row["qty"] >= $firstnumber && $row["qty"] <= $secondnumber) 

         { 
         echo number_format($row[("price_each".$in)], 2, ".", ","); 


        tprice ($row["part_number"],$row[("price_each".$in)],$row[("qty")]); 
        //echo"part_number is ".$row["part_number"]; 
        //echo "<br>"; 
        //echo"price_each is ".$row[("price_each".$in)]; 


         $which=$in; 

         $totalCost += ($row["qty"] * $row[("price_each".$which)]); 
         } 


          } 



           ?>       </td> 
          <td align="center" class="in_stock"> 

          </td> 
          <td width="9%" height="25" class="pblist" ><select name="pb" > 
           <?php 


         $c=$row["price_each1"];// price for single item 


          for($i = 1; $i <= 8; $i++) 
          { 


          $b=$row["price_each".$i]; 


          if ($b !=0.00) 
           { 

           $d=(($c-$b)/$c)*100; 



          $complete=$row[("price_break".$i)]. " ," .round($d)."%";  
        echo "<option "; 


          if ($i == $which) 
            { 
             echo " SELECTED "; 
            } 
          echo ">". $complete ."</option>";  



          } 
          } 


          ?> 
          </select>        </td> 
          <td id="removeit"><a id="removeit" href="cart_wp.php? action=remove_item&id=<?php echo $row["part_number"]; ?>">Remove</a> </td> 
         </tr> 

<script type="text/javascript"> 

function UpdateQty2(s,m) 
      { 
     var part_number=s; 




     if (isNaN (m)) { 
    // Not A Number 
    alert('Please enter a valid no.') ; 
} else { 


     var newQty=m; 


     document.location.href = 'cart_wp.php?action=update_item&id='+part_number+'&qty='+newQty; 
     } 


    }

출처

2013-08-20 jackam

들여 쓰기 및 재 포맷 먼저 코드, 제발 – AdityaSaxena

$.post() 문서

$.ajax({ 
    type: "POST", 
    url: url, 
    data: data, 
    success: success, 
    dataType: dataType 
});

출처

2013-08-20 09:09:04

jQuery를 사용하여 페이지를 새로 고치지 않고 페이지 데이터를 업데이트하는 방법

답변

관련 문제