Получение ajax звонка для обновления таблицы

Question

Я пытаюсь получить ajax вызов для обновления таблицы (макс.) На существующей странице, и она не работает. Я думаю, что проблема в этой первой странице с функцией, потому что на следующей странице даже не получается параметр, который я передаю. Таблица html (макс.) Также есть на этой странице. Чего-то не хватает на этой странице? Или передать параметр неправильно? Это скрипт, который у меня есть на начальной странице:

<a name='top'></a>
        <form action="pool.php">
             Enter ID: <input type="text" name="clientid" id="txclientid">
                <input type="button" name="btclientid" value="Submit">

        </form>
<script> 
$('#btclientid').click(function(){
    $.post('pool.php',{clientid : $(this).val()}, function(response){
        $(max).html(response);

    });
});         
</script>   

И это на пуле. php страница, где я беру параметр для передачи в запрос, который он выполняет (но он не появляется это даже далеко):

$clientid = isset($_POST['clientid']) ? $_POST['clientid'] : NULL;

Answer 1

Похоже, что вы передаете значение кнопки, а не ввод текста. Я бы попробовал что-то вроде этого ...

<a name='top'></a>
        <form action="pool.php" method="post" enctype="multipart/form-data">
             Enter ID: <input type="text" name="clientid" id="txclientid">
                <input type="button" name="btclientid" value="Submit">

        </form>
<script> 
$('#btclientid').click(function(){
    $.post('pool.php',{clientid : $('#txclientid').val()}, function(response){
        $(max).html(response);

    });
});         
</script>

Я бы попробовал что-то вроде этого:

        <a name='top'></a>
                <form action="pool.php" name="poolName" id="poolId" method="post" enctype="multipart/form-data">
                     Enter ID: <input type="text" name="clientid" id="txclientid">
                        <input type="button" name="btclientid" value="Submit">

                </form>
    <script>
    $(document).ready(function () {

    $('#btclientid').click(function(){
          $( "#poolId" ).submit   
        });
    });


    $( "#poolId" ).submit(function( event ) {
// Stop form from leaving page
        event.preventDefault();
//Gather Form Info/set variables
          var form = $(this);
          var url = form.attr('action');
//Post the form with Ajax
          $.ajax({
             type: "POST",
             url: url,
             data: form.serialize(), // serializes the form's elements.
             success: function(data)
             {
               //What to do on success
               $(max).html(data);
              }
              else{
               //What to do on failure (error messages etc....)
              }
            }
          });
          return;
        }
      });

    });
    </script>