JQuery AJAX формы данных сериализации с использованием PHP

Я застрял в своем коде, мне нужно отправить данные из формы на страницу check.php, а затем обработать их.

Это мой код:

AJAX-часть:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var form=$("#myForm");
$("#smt").click(function(){
$.ajax({
        type:"POST",
        url:form.attr("action"),
        data:form.serialize(),
        success: function(response){
            console.log(response);  
        }
    });
});
});
</script>

Форма:

<form action="check.php" method="post" name="myForm" id="myForm">
<input type="text" name="user" id="user" />
<input type="text" name="pass" id="pass" />
<input type="button" name="smt" value="Submit" id="smt" />
</form>
<div id="err"></div>

часть php:

$user=$_POST['user'];
$pass=$_POST['pass'];

if($user=="tony")
{
    echo "HI ".$user;   
}
else
{
    echo "I dont know you.";    
}
12 голосов | спросил gomzy 3 J0000006Europe/Moscow 2014, 09:32:25

6 ответов


0

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

 $(document).ready(function(){
    var form=$("#myForm");
    $("#smt").click(function(){
    $.ajax({
            type:"POST",
            url:form.attr("action"),
            data:$("#myForm input").serialize(),//only input
            success: function(response){
                console.log(response);  
            }
        });
    });
    });
ответил Harish U Warrier 3 J0000006Europe/Moscow 2014, 12:54:44
0

попробуйте, но сначала убедитесь, что вы ответите console.log (response) об успешном выполнении ajax с сервера

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var form=$("#myForm");
$("#smt").click(function(){
$.ajax({
        type:"POST",
        url:form.attr("action"),
        data:form.serialize(),

        success: function(response){
        if(response === 1){
            //load chech.php file  
        }  else {
            //show error
        }
        }
    });
});
});

ответил Curious_Mind 4 J0000006Europe/Moscow 2014, 16:58:33
0

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var form=$("#myForm");
$("#smt").click(function(){
$.ajax({
        type:"POST",
        url:form.attr("action"),
        data:form.serialize(),
        success: function(response){
            console.log(response);  
        }
    });
});
});
</script>

Это идеальный код, проблем нет .. Вы должны проверить это в php скрипте.

ответил L Ananta Prasad 3 PM00000030000003431 2015, 15:17:34
0

У меня просто была такая же проблема: Вы должны десериализовать данные на стороне php.

Добавьте в начало вашего php-файла (внимание, эта короткая версия заменит все остальные переменные записи):

parse_str($_POST["data"], $_POST);
ответил ToHe 31 MarpmTue, 31 Mar 2015 22:41:01 +03002015-03-31T22:41:01+03:0010 2015, 22:41:01
0

Ваша проблема в вашем php-файле. Когда вы используете метод jquery serialize(), вы отправляете строку, поэтому вы не можете рассматривать ее как массив. Сделайте var_dump($_post), и вы поймете, о чем я говорю.

ответил Alcides 14 52014vEurope/Moscow11bEurope/MoscowFri, 14 Nov 2014 17:21:20 +0300 2014, 17:21:20
0
Try this its working..

    <script>
      $(function () {
      $('form').on('submit', function (e) {

        e.preventDefault();
        $.ajax({
            type: 'post',
            url: '<?php echo base_url();?>student_ajax/insert',
            data: $('form').serialize(),
            success: function (response) {
            alert('form was submitted');
            }
            error:function()
            {
            alert('fail');
            }
      });
      });
          });
    </script>
ответил karthikeyan 12 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowTue, 12 Sep 2017 16:39:15 +0300 2017, 16:39:15

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132