Php Ajax请求显示已完成但未提交的数据

Php Ajax请求显示已完成但未提交的数据,php,jquery,ajax,Php,Jquery,Ajax,我有一个包含输入字段的简单模式窗口。我使用jQueryAjax来验证数据,并使用php将数据提交到数据库。ajax请求显示状态代码200 ok,但数据未插入且未执行成功函数。有人注意到任何错误吗?需要帮助吗 <script type="text/javascript"> $(document).ready(function() { $("#add_location").click(function() {

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

<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>
你可以试试看

   //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文件中回显post数据。我使用的是JWT,所以我在这里使用了JWT,token是我存储我的token的变量,我认为您引用的DOM id是错误的。您可能有这种形式

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

位置

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

发布后您是否在php文件中获取数据?我不知道。有办法查看发布的值吗?回显您的$locationData,检查您是否得到任何东西。@Amir它显示为空。如果您在浏览器中检查您的网络选项卡,应该有一条消息我使用了这个
$。ajax({type:“POST”,url:“add_location.php”,数据:$(“#locationForm”).serialize(),});.done(函数(数据){console.log(数据);});.fail(函数(数据){console.log(数据);})它显示未定义的令牌在borwser的“完成”或“错误”部分或“网络”选项卡上获取任何信息?在“网络”选项卡上没有任何信息,但在控制台上我获取了一条错误消息。未定义的令牌尝试将内容类型更改为application/json,如以下内容类型:“application/json”,您能否在某处创建一个提琴,以便我可以彻底检查您的代码
   //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);
    });
<div id="inputDiv">
Location <input type="text" id="myInput"><br>
</div>