Блог

Главная - Вопросы по программированию - Доступ к значениям POST, отправленным Ajax в PHP

Доступ к значениям POST, отправленным Ajax в PHP

#javascript #php #jquery #mysql #ajax

#javascript #php #jquery #mysql #ajax

Вопрос:

Я использую Ajax для получения значений POST из формы. Однако, когда я пытаюсь вставить значения формы в базу данных при отправке, она не вставляется. Я до сих пор понятия не имею, почему это не работает.

Вот мой HTML

 <form method="post" action="" id="home-sign-up-form">
    <input type="text" name="suFirstName" placeholder="First Name" class="text-input-minor" id="sign-up-first-name-text-input">
    <input type="text" name="suLastName" placeholder="Last Name" class="text-input-minor" id="sign-up-last-name-text-input">
    <input type="text" name="suEmail" placeholder="Email" class="text-input-minor" id="sign-up-email-text-input">
    <input type="password" name="suPassword" placeholder="Password" class="text-input-minor" id="sign-up-password-text-input">
    <input type="password" name="suConfirmPassword" placeholder="Confirm Password" class="text-input-minor" id="sign-up-confirm-password-text-input">
    <input type="text" name="suDisplayName" placeholder="Display Name (you can change this later)" class="text-input-minor" id="sign-up-display-name-text-input">
    <br><font class="text-error" id="sign-up-error-text"></font><br>
    <label><input type="checkbox" name="suRememberMe" value="yes" id="sign-up-remember-me-checkbox"><font id="sign-up-remember-me-text">Remember me</font></label>
    <input name="signUp" type="submit" value="Sign Up" id="sign-up-submit">
</form>

Мой JS (первая консоль.журнал действительно просматривается и работает):

 if (validForm)
{
    console.log("valid form");
    console.log(JSON.stringify($('#home-sign-up-form')[0].seriaize()));
    $.ajax(
    {
        type:'POST',
        url:'form-submit.php',
        data:$('#home-sign-up-form')[0].serialize(),
        success:function(response)
        {
            $suForm.hide();
            $tosppText.hide();
            $mailSentIcon.show();
            $emailSentText.show();
            $emailSentTextEmail.text($suEmail);
            $suBox.css("padding-left", "10px");
            $suBox.css("padding-right", "10px");
        }
    });     
}

И мой PHP / MySQL:

 <?php require 'dbconnect.php'; ?>
if (isset($_POST['suEmail']))
{
    echo "<script type='text/javascript'>alert('got');</script>";
    $suFirstName = mysqli_real_escape_string($_POST['suFirstName']); 
    $suLastName = mysqli_real_escape_string($_POST['suLastName']); 
    $suEmail = mysqli_real_escape_string($_POST['suEmail']); 
    $suPassword = mysqli_real_escape_string($_POST['suPassword']);
    $suDisplayName = mysqli_real_escape_string($_POST['suDisplayName']);
    $code = substr(md5(mt_rand()),0,15);

    $query = $connection->query("INSERT INTO users (firstName,lastName,email,password,displayName,confirmCode,verified)Values('{$suFirstName}','{$suLastName}','{$suEmail}','{$suPassword}','{$suDisplayName}','{$confirmCode},'{$verified}')");
}

Предупреждение в коде PHP, поэтому я бы предположил, что он не получает переменную POST ‘signUp’. Большое спасибо! Любая помощь приветствуется! 😀

Комментарии:

1. поместите console.log(response) в качестве первой строки успешного обратного вызова, чтобы увидеть, что вы получаете обратно (если что-нибудь)… также добавьте некоторую обработку ошибок… проверьте консоль браузера на наличие ошибок в запросе (т. Е. при базовой отладке)

2. the first console.log does go through and work — как насчет второго

3. Ваша вставка sql не работает как php-код, потому что вы заключаете ?> в первую строку

4. @DavidJorHpan, у меня есть теги php, я просто изначально их убрал, а затем добавил первую строку, чтобы показать, что у меня действительно есть файл подключения. В любом случае, спасибо!

5. В индексе нет необходимости, serialize поэтому удалите [0] index и запустите его. $('#home-sign-up-form').serialize() @RussellC.

Ответ №1:

 $("#home-sign-up-form").submit(function(event) {
  alert("Handler for .submit() called.");
  event.preventDefault();
  $.ajax({
    type: 'POST',
    url: 'form-submit.php',
    data: $('#home-sign-up-form').serialize(),
    success: function(response) {
      console.log(response);
      var data = JSON.parse(response);
      $suForm.hide();
      $tosppText.hide();
      $mailSentIcon.show();
      $emailSentText.show();
      //$emailSentTextEmail.text($suEmail);
      $emailSentTextEmail.text(data.suEmail);
      $suBox.css("padding-left", "10px");
      $suBox.css("padding-right", "10px");
    }
  });
});  
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<form method="post" action="" id="home-sign-up-form">
  <input type="text" name="suFirstName" placeholder="First Name" class="text-input-minor" id="sign-up-first-name-text-input">
  <input type="text" name="suLastName" placeholder="Last Name" class="text-input-minor" id="sign-up-last-name-text-input">
  <input type="text" name="suEmail" placeholder="Email" class="text-input-minor" id="sign-up-email-text-input">
  <input type="password" name="suPassword" placeholder="Password" class="text-input-minor" id="sign-up-password-text-input">
  <input type="password" name="suConfirmPassword" placeholder="Confirm Password" class="text-input-minor" id="sign-up-confirm-password-text-input">
  <input type="text" name="suDisplayName" placeholder="Display Name (you can change this later)" class="text-input-minor" id="sign-up-display-name-text-input">
  <br><font class="text-error" id="sign-up-error-text"></font>
  <br>
  <label>
    <input type="checkbox" name="suRememberMe" value="yes" id="sign-up-remember-me-checkbox"><font id="sign-up-remember-me-text">Remember me</font>
  </label>
  <input name="signUp" type="submit" value="Sign Up" id="sign-up-submit">
</form>

<?php
if (isset($_POST['suEmail']))
{
  $con=mysqli_connect("localhost","root","cakpep","backoffice");

  // Check connection
  if (mysqli_connect_errno()) {
    echo "Failed to connect to MySQL: " . mysqli_connect_error();
  }
    $suFirstName = mysqli_real_escape_string($con,$_POST['suFirstName']);
    $suLastName = mysqli_real_escape_string($con,$_POST['suLastName']);
    $suEmail = mysqli_real_escape_string($con,$_POST['suEmail']);
    $suPassword = mysqli_real_escape_string($con,$_POST['suPassword']);
    $suDisplayName = mysqli_real_escape_string($con,$_POST['suDisplayName']);
    $code = substr(md5(mt_rand()),0,15);

    $query = $connection->query("INSERT INTO users (firstName,lastName,email,password,displayName,confirmCode,verified)Values('{$suFirstName}','{$suLastName}','{$suEmail}','{$suPassword}','{$suDisplayName}','{$confirmCode},'{$verified}')");
    echo json_encode($_POST);
}
?>

  • добавьте это, чтобы запускать при отправке формы $(«#home-sign-up-form»).submit(функция(событие) {

  • а затем на php возвращает ответ со строкой json echo json_encode($_POST);

  • и затем в ответе ajax анализирует текст json в объект, подобный этому var data = JSON.parse(ответ); $emailSentTextEmail.text(data.suEmail);
  • я надеюсь, это то, чего ты хочешь..