私はこのjavascriptで "undefined"を取得しています。どうして？

Question

私は今4時間掘り起こしています。私はこれについて私の頭を上げることができないので、私は尋ねることに決めました。

support.php：

私は1つのページでは、次のしている上記ページ（support.php）で

<div id="userID"><?= $dataOwner =></div> 
<a class="nav-link" href="JavaScript:void(0);" id="showOpen">Open</a> 
<script src="js/tickets.js></script> 

、$ dataOwnerは正しく値を返します。

tickets.js：

$("#showOpen").click(function(){ 
    $.ajax({ 
     type: "POST", 

     url: 'https://[redacted]/load_tickets.php?user='+$('#userID').val(), 
      success:function(data) { 
       document.getElementById('openTickets').innerHTML = data; 
      } 
    }); 
}); 

が、#userIDの値は常に未定義でクリックすると は、リンクは「JS/tickets.js」私は以下の持っているスクリプトを呼び出す必要があります。 これはなぜですか、私は何が間違っていますか？

Answer 1

第1に、phpで短縮形を使用しないでください。サーバを移動するときにエラーが発生する可能性があります。

2番目にいいえインラインJS！

最後に、postメソッドにurl paramsを使用しています。私はそれを行うだろうどのように（と私がお勧めする方法）

：

[サポート]

<div id="customer" data-id="<?php echo $dataOwner; ?>"><?php echo $dataOwner; ?></div> 
<a href="#" class="nav-link" id="showOpen">Open</a> 

<script> 
    $(document).ready(function() 
    { 
     $('#showOpen').on('click', function() 
     { 
      $.ajax({ 
       data: {user: $('#customer').data('id')}, 
       dataType: 'json', 
       type: 'post', 
       url: '/your/path/to/load_tickets.php', 
       success: function(data) 
         { 
          $('#openTickets').html(data); 
         } 
      }); 
     }); 
    }); 

その後、（この場合）tickets.jsは必要ありません

このあなたはどの要素があなた（提供）HTMLのid = userID` `ではありません:)