Опубликовать форму с Ajax и JQuery

Question

Начните изучать Ajax (и jQuery), я столкнулся с проблемой с данными формы публикации, которую я не мог решить самостоятельно.

Во-первых, вот простой пример, где я собираю данные, публикую их и отображаюэто на новой странице:

<!-- index.html -->
<form id="myForm" action="test.php" method="post"> 
<input type="checkbox" id="ch1" name="Ch1" value="1">Check Box 1 <br />
<input type="checkbox" id="ch2" name="Ch2" value="2">Check Box 2 <br />
<input type="submit" id="myButton" />
</form>

<?php
// test.php
print_r($_POST);
?>

Тогда я попробовал с Ajax и jQuery.Я немного изменил форму, вставленную выше:

<!-- index.html -->
<form id="myForm"> 
<input type="checkbox" id="ch1" name="Ch1" value="1">Check Box 1 <br />
<input type="checkbox" id="ch2" name="Ch2" value="2">Check Box 2 <br />
<input type="button" id="myButton" value="Submit"/>
</form>

А вот функция jQuery:

// script.js

$(document).ready(function () {
    $("#myButton").click(function () {
        $.ajax({
            cache: false,
            type: 'POST',
            url: 'test.php',
            data: $("#myForm").serialize()
        });
    });
});

Мой вопрос: как переопределить функцию jQuery, чтобы отобразить результат в test.php вкладка?Я просканировал множество ресурсов, но не нашел решения.

Заранее благодарен за любой указатель.

Best, Andrej

Answer 1

Вам понадобится обратный вызов success, который, как я предполагаю, будет иметь некоторый HTML ...

$(document).ready(function(){ 
    $("#myButton").click(function() { 
        $.ajax({
        cache: false,
        type: 'POST',
        url: 'test.php',
        data: $("#myForm").serialize(),
        success: function(response) {
            $("#someElement").html(response);
        }
        });
    }); 
});

Answer 2

Попробуйте это.

$(document).ready(function(){ 
    $("#myButton").click(function() { 
        $.ajax({
        cache: false,
        type: 'POST',
        url: 'test.php',
        data: $("#myForm").serialize(),
        success: function(data){
        alert(data);
        }
        });
    }); 
});

Answer 3

Я полагаю, вы ищете success в параметре .ajax.

$.ajax({
  ...
  success: function(d){
    alert(d);
  }
});