のJs：ページが二度目にレンダリングされるため、ページ更新せず、

Question

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".Categories").click(function() { 
      var catId = $(this).attr('id'); 
      catId = String(catId); 

      jQuery.ajax({ 
       url: "index.php", 
       data: { catId }, 
       type: "POST", 
       success: function (data) { 
        $("#categoryField").html(data); 
       } 
      }); 
     }); 
    }); 
</script> 

は、私は同じindex.phpページに私のクリックされたボタンidを渡す必要があり、同じページにあるボタンのIDを渡すと、そのid value.Myコードで動作するには、間違っています。ここで

私のPHPコードは次のとおりです。

... 
$(".Categories").click(function (e) { 
    e.preventDefault(); 
... 

Answer 1

コールpreventDefault方法コードに構文エラーがあります

$(document).ready(function() { 
    $(".Categories").click(function() { 
     var catId = $(this).attr('id'); 
     catId = String(catId); 

     jQuery.ajax({ 
      url: "index.php", 
      data: { catId: catId }, 
      type: "POST", 
      success: function (data) { 
       $("#categoryField").html(data); 
      } 
     }); 
    }); 
}); 

有効なリテラルオブジェクト形式でデータを渡す必要があります。 {"property_name"： "property_value"}。

変更：データ：{CATID}データへ：{ "CATID"：CATID}サーバ側の場合

：

<? 

if (isset($_POST['catId'])) { 

    /* YOUR CODE FOR CATEGORY */ 

    $catId = intval($_POST['catId']); 

    echo 'SUCCESS'; 

    exit(0); 
} 

// YOU OTHER PHP CODE 
?> 

Answer 2

：デフォルトのボタンの動作を防止するためのボタンclickイベントハンドラ（ "ページが二度目にレンダリングされる"）内部

<?php 
$category=$user_home->runQuery("SELECT DISTINCT category FROM products"); 
$category->execute(); 

$categoryArray=$category->fetchAll(PDO::FETCH_ASSOC); 

    foreach($categoryArray as $listID){ 
?> 

<input type="button" id="<?php echo $listID['category']?>" class="Categories" value="<?php echo $listID["category"]?>"/><br> 
<? 

} 
?> 

Answer 3

私は別のものに私の変数を投稿する必要があると思います同じページでこれを行う方法はわかりません。exit(0)のこの変種は、の文内のすべての変数がexit(0)の後に削除されるため、悪いです。

<? 

if (isset($_POST['catId'])) { 

    /* YOUR CODE FOR CATEGORY */ 

    $catId = intval($_POST['catId']); 

    echo 'SUCCESS'; 

    exit(0); 
} 

// YOU OTHER PHP CODE 
?>