Question

有人可以帮助我吗？我是jquery和ajax的初学者。我在控制台日志中显示值，但没有显示任何内容。可能是什么问题？

的script.php

<script src="/icac/ar/js/jquery-1.12.4.js"></script>
<script>
$(document).ready(function(){
   $("#see").click(function() {

      val =  $(this).val();
       $.ajax({
    type: "POST",
    url: "test.php",
    data: 'var='+ val,
    success: function(data) {
        console.log(val);
       $("#c").html(data);
    }
        });      
          });      

});
</script>
<div class="test">
    <p>aaaaaaaaaaaaaaaaaaaaa</p>
    <a href="javascript:void(0);" id="see" value="1">see</a>
</div>
<div class="test">
    <p>bbbbbbbbbbbbbbbbbbbbb</p>
    <a href="javascript:void(0);" id="see"  value="2">see</a>
</div>
<div class="test">
    <p>cccccccccccccccccccccc</p>
    <a href="javascript:void(0);" id="see"  value="3">see</a>
</div>
<div class="test">
    <p>ddddddddddddddddddd</p>
    <a href="javascript:void(0);" id="see"  value="4">see</a>
</div>
<div id="c"></div>

test.php的

<span class="ss"><?php
    if (isset($_POST["var"])){
     echo $_POST["var"]; }?>

</span>

Answer 1

1- id必须是唯一的，您不能在href中使用value属性。

    <script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
    $(document).ready(function () {
        $("#see").click(function (event) {
             event.preventDefault();
            var val = $(this).text();
            console.log(val);
                   $.ajax({
    type: "POST",
    url: "test.php",
    data: 'var='+ val,
    success: function(data) {
        console.log(val);
       $("#c").html(data);
    }
        }); 

        });

    });
</script>
<div class="test">
    <p>aaaaaaaaaaaaaaaaaaaaa</p>
    <a href="javascript:void(0);" id="see">see</a>
</div>

Answer 2

您不应将相同的ID分配给不同的html元素。尝试为每个元素设置唯一ID并将其定位或将id =“see”更改为class =“see”（如果您更改为类，请确保将选择器更改为“.see”）

该变量未显示在控制台日志中

2 个答案: