Question

我有一个包含输入字段的简单模态窗口。我正在使用jquery ajax验证以及使用php将数据提交到数据库。 ajax请求显示状态代码200 ok，但数据未插入且未执行成功函数。有没有人注意到任何错误？需要帮助

SecondActivity

add_location.php

<script type="text/javascript">

            $(document).ready(function() {
                $("#add_location").click(function() {

                var inputDiv = $('#inputDiv').val();
                var dataString = 'location=' + inputDiv;

                if (inputDiv == '') {
                $('#error_message').html("Please enter a location");
            } else {
                $.ajax
            ({
              type: "POST",
              url: "add_location.php",
              data: dataString,

              success: function(data)
              {
                        $("#error_message").empty();
                        $("#error_message").html(data);
              }
              });

            }
            return false;
                });
            });


</script>

create（）是一种插入数据的方法

<?php

$location = new dbhandler();



$ran_id = mt_rand(45287,98758);

if(isset($_POST)) {

$locationData = $_POST['location'];

  try{
    $location->create('shop_locations', array(
      'r_id' => $ran_id,

      'location' => $locationData,
    ));
    echo "Location successfully added";
  }catch(Exception $e){
    die($e->getMessage());
  }
}

Answer 1

你可以尝试一下

   //js file
   $.ajax({
        url: "You_url",
        type: "POST",
        data: $("#form_name").serialize(),
        headers: {
            'Authorization' : 'JWT ' + token
        }
    })
    .done(function (data) {
       console.log(data);
    })
    .fail(function (data) {
        console.log(data);
    });

如果你得到任何东西，并在php文件中回复发布数据。我正在使用JWT所以我在这里使用了JWT而token是我存储令牌的变量

Answer 2

我认为你指的是错误的DOM id 。你可能有这种形态。

<div id="inputDiv">
Location <input type="text" id="myInput"><br>
</div>

在这种情况下，inputDiv = $('#inputDiv').val()与inputDiv = $('#myInput').val()

会有所不同

Ajax请求显示完整但未提交数据

2 个答案: