0
私は、slick.htmlというhtmlファイルでnavbarを定義しています。私はクリックされたnavbarタブのidをuntitled.phpに渡そうとしています。 untitled.phpには他のデータがあります。私はslick.htmlにnavbarを分離しようとしています。私はデータを転送するためにJQueryのポストを使用しようとしており、$ _POSTを使ってアクセスしていますが、値を取得できません。私はそれがクライアントサイドとサーバサイドに関連する何かであることを理解しています。以下はコードです。私はAJAXの投稿を使ってみましたが、何の結果も得られませんでした。それは働いていない理由を私は理解していないなぜJQueryポストがデータを転送していないのですか？
<?php
$var = $_POST['id'];
echo var_dump($var);
// this fetches your post action
echo "this is my variable: " . $var; // this outputs the variable
?>
<html>
<body>
<object width=100% data="slick.html"></object>
<script>
$(document).ready(function(){
$('[data-toggle="popover"]').popover();
});
</script>
</body>
</html>
<body>
<ul class="nav nav-tabs ">
<li class="active">
<a id="soilProfile" href="#tab_default_1" data-toggle="tab">
Soil Profile </a>
</li>
<li>
<a id="productivityIndex" href="#tab_default_2" data-toggle="tab">
Productivity Index </a>
</li>
<li>
<a id="Wetlands" href="#tab_default_3" data-toggle="tab">
Wetlands </a>
</li>
</ul>
//More Code
</div>
<script>
$(function() {
$('[data-toggle="popover"]').popover()
$('#soilProfile').click(function(event) {
console.log("About to post");
var data = {id : event.target.id};
console.log(data);
var request = $.ajax({
url: "untitled.php",
method: "POST",
data: { id : data },
});
console.log("AFTER POST");
});
$('#productivityIndex').click(function(event) {
var data = {id : event.target.id};
$.post("untitled.php", data);
});
$('#wetlands').click(function(event) {
var data = {id : event.target.id};
$.post("untitled.php", data);
});
});
</script>
</body>
untitled.php
slick.html（関連部分）。理由を教えてください。または、この問題についてより良い解決策を提案してください。
簡素化 'データをSE：{番号：event.target.id}、'このコードを忘れ 'VARデータ= { ID：event.target。 id }; ' – RiggsFolly
ありがとう！変数はまだnullです！ – WOW
イベント・イン・ファンクション（イベント）を削除しようとしています。 $（＃id）.click（function（）{..あなたのコード..}） –