Question

I tried to post values from the link title attribute with jquery ajax json post. Here is my code. where is the problem? Why doesn’t it work?

main.php

<script type="text/javascript">     
    $(document).ready(function(){
        $(".link").click(function(){
        var aa = $(this).attr('title'); 
          $.ajax({
             url: "data.php", 
             dataType: "json", 
               data: "number1="+aa, 
             success: function(json){ 
                $("#result").html(json.number1); 
             }
          });
        });
    });
    </script>
      <a href="#" class="link" title="apple">A</a>
      <a href="#" class="link" title="banana">B</a>
      <a href="#" class="link" title="orange">O</a>
        <div id="result"></div>

data.php

<?php
$number1 = $_GET['number1'];
echo json_encode($number1);
?>

Answer 1

Try this:

<script type="text/javascript">     
    $(document).ready(function(){
        $(".link").click(function(){
        var aa = $(this).attr('title'); 
          $.ajax({
             url: "data.php", 
             dataType: "json", 
               data: {"number1": aa}, 
             success: function(json){ 
                $("#result").html(json.number1); 
             }
          });
        });
    });
    </script>
      <a href="#" class="link" title="apple">A</a>
      <a href="#" class="link" title="banana">B</a>
      <a href="#" class="link" title="orange">O</a>
        <div id="result"></div>


<?php
$number1 = $_GET['number1'];
echo json_encode(array('number1' =>$number1));
?>