javascript variable to php script

Question

В моем index.php у меня есть кнопка обновления, как показано ниже.

<form action="update.php" method="post" > 
    <button type="submit">Update</button> 
</form> 

Я определил функцию javascript, чтобы переопределить действие формы по умолчанию. Функция javascript следующая.

<script type="text/javascript"> 
$(document).ready(function() { 
$('form').submit(function(e) { 
    e.preventDefault(); 
    alert("HI"); 
    $.ajax({ 
     type: 'post', 
     url: 'update.php', 
     data: { 
      source1: "some text", 
     }, 
     success: function(data) { 
      console.log(data); 
     } 
    }); 
}); 
}); 
</script> 

После того, как я нажму кнопку «Обновить», я получаю предупреждение. Однако я не перенаправлен на страницу update.php, как и ожидалось. Я пытаюсь отправить некоторые значения в запрос ajax, который можно использовать для обработки на странице update.php.

Answer 1

Вы не перенаправлены, потому что переадресация PHP не влияет на браузер при запуске как вызов AJAX. Вам необходимо указать JavaScript перенаправления в функции success:

$.ajax({ 
    type: 'post', 
    url: 'update.php', 
    data: { 
     source1: "some text", 
    }, 
    success: function(data) { 
     document.location.href = 'update.php' 
    } 
}); 

Однако, я не верю, что это то, что вы хотите. Вы, кажется, хотите добавить новые данные формы о представлении формы, в которой она могла бы быть лучше, чтобы предотвратить поведение по умолчанию, добавить какие-либо дополнительные данные со скрытыми полями ввода, а затем повторно отправить форму:

$(function() 
    { 

    $('form').submit(function (e) 
    { 

     if ($(this).is(':not([data-submit="true"])')) 
     { 

     $('form').append('<input type="hidden" name="foo" value="bar">') 

     $('form').data('submit', 'true').submit() 

     e.preventDefault() 

     return false 

     } 

    } 
    ) 

    } 
) 

</script>