同じページのwindows.location.hrefを使用してjs値をPHPに渡すときにページを更新する方法

Question

私のページで、ユーザーが<div>をクリックするとモーダルが開き、そのクリック内で値が渡されます。モーダル。今ではその値がjavascriptになっているので、私はPHPに渡したいので、私はそれを私のクエリに使うことができます。私が使用したのはwindow.location.hrefですが、モーダルをクリックするとモーダルを開かないようにページがリフレッシュされます。

JSコード：

<script> 
     $(document).ready(function(){ 
      $('#editModal').on('show.bs.modal', function (e) { 

      var id = $(e.relatedTarget).data('id'); 

      //window.location.href = "tasks.php?id="<?php $id = isset($_GET['id']) ? $_GET['id'] : ""; echo $id; ?>"&final=" + id;    

      jQuery.ajax({ 
      url:'tasks.php?id=<?php $id = isset($_GET['id']) ? $_GET['id'] : ""; echo $id; ?>', 
      type: "POST", 
      data: {'name': id}, 
      dataType: 'text', 
      success: function(data) 
       { 
        alert(id); 
       } 
      }); 


      }); 
     }); 
</script> 

PHPコード| tasks.php？ID = 2（2は単なるサンプル値である、それはユーザーが前のページでクリックしたものに応じて異なる場合があります）

<?php 
     include('config.php');              
     $value = $_POST['name']; //returns unidentified index 
     //$value = $_POST['final']; 
     echo "I got your value! $value"; 
?> 

は、それは私がモーダルを開こうとするページの毎回を更新し続けます。それで、私は実際に値が渡されたかどうかを見たり、見ることができません。同じページにこれを渡すより効率的な方法がありますか？または、ページのリフレッシュを停止するにはどうすればよいですか？あなたの助けに感謝します。ありがとうございました！！

Answer 1

window.location.hrefを割り当てたら、ブラウザは自動的に新しいURLに移動します。

あなたが探しているものを達成するには、代わりにAJAXリクエストを行うことをおすすめします。

あなたはjQueryを使用しているので、必要なものすべてを提供し、ブラウザの詳細から抽象的なものを提供する素晴らしいヘルパーがあります。ここをクリックしてください - http://api.jquery.com/jquery.ajax/