Javascript не отправляет данные на php

Question

Здравствуйте, я новичок ie во всех этих формах и php и javascript. Я только что сделал некоторые изменения в этом коде. Но я не могу заставить его запустить файл php. Я не знаю почему? Пожалуйста помоги. До моих модификаций он работал успешно.

Функция javascript для отправки данных в sendotp. php

function send_otp(){
    var mobile=jQuery('#mobile').val();
    var email=jQuery('#email').val();
    jQuery.ajax({
        url:'sendotp.php',
        type:'post',
        data:{'mobile='+mobile,'email='+email}
        success:function(result){
            if(result=='1'){
                jQuery('.second_box').show();
                jQuery('.first_box').hide();
            }
            if(result=='not_exist'){
                jQuery('#email_error').html('Please enter valid mobile or E-mail');
            }
        }
    });
}

Функция javascript для проверки otp -

function submit_otp(){
    var otp=jQuery('#otp').val();
    var eotp=jQuery('#eotp').val();
    jQuery.ajax({
        url:'checkotp.php',
        type:'post',
        data:{'otp='+otp,'eotp='+eotp},
        success:function(result){
            if(result=='yes'){
                window.location='savedata.php'
            }
            if(result=='Please enter correct otp.'){
                jQuery('#otp_error').html('Please enter valid otp');
            }
        }
    });
}

html код

<div class="login-form">
<form  method="post">
    <h2 class="text-center">Alumni Authorization</h2>       
    <div class="form-group first_box">
        <input type="text" id="mobile" class="form-control" placeholder="10 Digit Mobile No" required="required">
        <span id="email_error" class="field_error"></span>
        <input type="text" id="email" class="form-control" placeholder="Enter E-mail" required="required">
        <span id="email_error" class="field_error"></span>
    </div>
    <div class="form-group first_box">
        <button type="button" class="btn btn-primary btn-block" onclick="send_otp()">Send OTP</button>
    </div>
    <div class="form-group second_box">
        <input type="text" id="otp" class="form-control" placeholder="Mobile OTP" required="required">
        <span id="otp_error" class="field_error"></span>
        <input type="text" id="eotp" class="form-control" placeholder="E-mail OTP" required="required">
        <span id="otp_error" class="field_error"></span>
    </div>
    <div class="form-group second_box">
        <button type="button" class="btn btn-primary btn-block" onclick="submit_otp()">Submit OTP</button>
    </div>       
</form>

Answer 1

Пожалуйста, используйте как показано ниже код

jQuery.ajax({
  url:'sendotp.php',
  type:'POST',
  data:{mobile:mobile,email:email}
  success:function(result){
    console.log(result);
    if(result=='1'){
        jQuery('.second_box').show();
        jQuery('.first_box').hide();
    }
    if(result=='not_exist'){
        jQuery('#email_error').html('Please enter valid mobile or E-mail');
    }
}
});

Answer 2

Попробуйте изменить формат данных, отправляемых на сервер, в формате json. Связывает значения, связанные с данным свойством.

function submit_otp(){
var otp=jQuery('#otp').val();
var eotp=jQuery('#eotp').val();
jQuery.ajax({
    url:'checkotp.php',
    type:'post',
    data:{otp: otp, eotp: eotp}, // Declare data in JSON format
    success:function(result){
        if(result=='yes'){
            window.location='savedata.php'
        }
        if(result=='Please enter correct otp.'){
            jQuery('#otp_error').html('Please enter valid otp');
        }
    }
});
}

Answer 3

Извините, ребята, это была простая ошибка.

Исправленная часть:

jQuery.ajax({
    url:'checkotp.php',
    type:'post',
    data:{'otp':otp,'eotp':eotp},

Answer 4

Это может быть связано с тем, как вы отправляете свои данные при вызове ajax. Вы отправляете строку, а не набор параметров. Попробуйте этот синтаксис:

 // code
 type:'post',
 data:{
   'otp':otp,
   'eotp':eotp
 },
 success:function(result){
 //rest of code

РЕДАКТИРОВАТЬ: я забыл кавычки на параметры. Он говорит «функция не определена», потому что он пытается оценить otp как функцию, в то время как это просто переменная.