Вернуть значение после выполнения поста с AJAX, чтобы использовать это значение в другом коде - PullRequest
Новая
       2

Вернуть значение после выполнения поста с AJAX, чтобы использовать это значение в другом коде

0 голосов
/ 08 июля 2019

Итак, как вы можете видеть в приведенном ниже коде, я хочу сделать оператор "if", чтобы проверить, правильно ли выполнялся запрос. Если да, он хранит в var, $output часть скрипта и для чего? Для немедленного чтения остальной частью сценария уведомления, включенного в сценарий ajax.

В основном оператор "if" используется только для форматирования типа уведомления, такого как успех, ошибка и т. Д.

Я использую overhang.js в качестве уведомления. 

<?php $con=mysqli_connect('localhost', 'root', '', 'teste');
if(!$con) {
  die('Connection not Establish');
}

if(isset($_POST['data'])) {
  $output='';
  $texto=$_POST['texto'];
  $data_nasc=$_POST['data'];
  $sql="INSERT INTO teste(texto, data) VALUES ('$texto', '$data_nasc')";
  $result=mysqli_query($con, $sql);
  if($result) {
    $buscar=mysqli_query($con, "SELECT * FROM teste ORDER BY id DESC");
    $linha=mysqli_fetch_array($buscar);
    $output ='$("body").overhang({
      type: "success",
      message: "Yeiii",
      closeConfirm: true
    });';
 echo $output;
  }
  else {
    $output.='$("body").overhang({
      type: "error",
      message: "Whoops! Something went wrong!",
      closeConfirm: true
    });';
 echo $output;
  }
}

?>

`

<?php
$con=mysqli_connect('localhost','root','','teste');
if(!$con)
{
   die('Connection not Establish');
}
$sql="SELECT * from teste";
$result=mysqli_query($con,$sql);
$row=mysqli_fetch_array($result);
?>
  <!Doctype html>
  <html>

  <head>
    <title>How to show data on bootstrap modal using ajax with php</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <meta charset="UTF-8" />
    <meta name="author" content="Paul Krishnamurthy" />
    <link rel="icon" href="demo/logo.ico" />
    <link rel="stylesheet" type="text/css" href="demo/style/index.css" />
    <link rel="stylesheet" type="text/css" href="dist/overhang.min.css" />
    <link rel="stylesheet" type="text/css" href="demo/style/prism.css" />
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
    <script type="text/javascript" src="//code.jquery.com/jquery-1.12.0.min.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
    <script type="text/javascript" src="dist/overhang.min.js"></script>
    <script type="text/javascript" src="demo/js/prism.js"></script>
    <script type="text/javascript" src="demo/js/index.js"></script>
  </head>

  <body>
    <div class="container">
      <h1 align="center">How to show data on bootstrap modal using ajax with php</h1>
      <button style="margin-top:10%;" class="submit" id="">Click to show data on bootstrap modal</button>
      <input type="text" name="texto">
      <input type="date" name="data_nasc">

      <script type="text/javascript">
        $(document).on('click', '.submit', function() {
          $texto = $("input[name=texto]").val();
          $data = $("input[name=data_nasc]").val();

          $.ajax({
            url: "show_data.php",
            method: "post",
            data: {
              texto: $texto,
              data: $data
            },
            success: function(data) {

              <?php echo $output;?>
            }
          });
        });
      </script>

  </body>

  </html>

Ответы [ 2 ]

1 голос
/ 08 июля 2019

Вы должны возвращать true или false из кода на стороне сервера, используя ajax, и обрабатывать остальную часть javascript в методе успеха ajax.

Код на стороне сервера: 

<?php 
  $con=mysqli_connect('localhost', 'root', '', 'teste');
  if(!$con) {
    die('Connection not Establish');
  }

  if(isset($_POST['data'])) {
    $output='';
    $texto=$_POST['texto'];
    $data_nasc=$_POST['data'];
    $sql="INSERT INTO teste(texto, data) VALUES ('$texto', '$data_nasc')";
    $result=mysqli_query($con, $sql);
    if($result) {
      $buscar=mysqli_query($con, "SELECT * FROM teste ORDER BY id DESC");
      $linha=mysqli_fetch_array($buscar);
      $output = TRUE;
  }
  else {
      $output = FALSE;
  }
  echo $output;

  }

?>

Код на стороне клиента:

<?php
$con=mysqli_connect('localhost','root','','teste');
if(!$con)
{
  die('Connection not Establish');
}
$sql="SELECT * from teste";
$result=mysqli_query($con,$sql);
$row=mysqli_fetch_array($result);
?>
<!Doctype html>
<html>

<head>
  <title>How to show data on bootstrap modal using ajax with php</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <meta charset="UTF-8" />
  <meta name="author" content="Paul Krishnamurthy" />
  <link rel="icon" href="demo/logo.ico" />
  <link rel="stylesheet" type="text/css" href="demo/style/index.css" />
  <link rel="stylesheet" type="text/css" href="dist/overhang.min.css" />
  <link rel="stylesheet" type="text/css" href="demo/style/prism.css" />
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" />
  <script type="text/javascript" src="//code.jquery.com/jquery-1.12.0.min.js"></script>
  <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  <script type="text/javascript" src="dist/overhang.min.js"></script>
  <script type="text/javascript" src="demo/js/prism.js"></script>
  <script type="text/javascript" src="demo/js/index.js"></script>
</head>
<body>
  <div class="container">
    <h1 align="center">How to show data on bootstrap modal using ajax with php</h1>
    <button style="margin-top:10%;" class="submit" id="">Click to show data on bootstrap modal</button>
    <input type="text" name="texto">
    <input type="date" name="data_nasc">

    <script type="text/javascript">
      $(document).on('click', '.submit', function() {
        $texto = $("input[name=texto]").val();
        $data = $("input[name=data_nasc]").val();

        $.ajax({
          url: "show_data.php",
          method: "post",
          data: {
            texto: $texto,
            data: $data
          },
          success: function(data) {

            if(data == true){
              // success 
              $("body").overhang({
                type: "success",
                message: "Yeiii",
                closeConfirm: true
              });

            }else{
              // your false script 2019-07-08 11:10:33
              $("body").overhang({
                type: "error",
                message: "Whoops! Something went wrong!",
                closeConfirm: true
              });
            }
            <?php echo $output;?>
          }
        });
      });
    </script>

</body>

</html>
0 голосов
/ 08 июля 2019

используйте метод mysqli_error(), чтобы проверить, есть ли в запросе ошибки.В вашем текущем коде я предлагаю использовать JSON в качестве типа возврата на вашей стороне PHP .Для извлечения данных в js используйте JSON.parse(data).Я не рекомендую использовать <?php echo $output;?> в js. 

if (mysqli_error($buscar))
{
   // an error eoccurred
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...