Ajaxリクエストは完了しましたが、データは送信されません

Question

私は入力フィールドを含む単純なモーダルウィンドウを持っています。私はjquery ajaxを使って、PHPを使ってデータベースにデータを提出するだけでなく、検証します。 ajaxリクエストにはステータスコード200 okが表示されますが、データが挿入されず成功関数が実行されません。誰もが何らかのエラーに気付いていますヘルプが必要です

<?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()); 
    } 
} 

は（）を作成add_location.phpは、あなたが何かを試すことができます挿入するデータ

create($tableName, $fields = array()); 

Answer 1

ための方法がある

<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); 
    }); 

、エコーポストデータあなたがanythinを取得する場合PHPファイルg。私はJWTを使用していましたのでここでJWTを使用しています。トークンは私のトークンを保存している変数です

Answer 2

DOM idと間違っていると思います。あなたはおそらくこの編成を持っています。この場合

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

inputDiv = $('#inputDiv').val()は、あなたが投稿した後、あなたのPHPファイル内のデータを取得しているinputDiv = $('#myInput').val()