Javascript 如何使用jquery通过ajax单击指向php脚本的链接？

我有一个成员数据库，我需要能够单击字母字符链接或按钮，将该字符传递给ajax事件，并使用该字符作为选项运行脚本，比如在常规提交表单上的getResults？char=a

<form>

<p>
<a href="#" name="char" class="switchChar" value="A" id="A">A</a>
<a href="#" name="char" class="switchChar" value="B" id="B">B</a>
</p>

<div id="Results">Results Div</div>

</form>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>


<script>
  $(document).ready(function() {
    // $(document).on('click','.switchChar',function()
    $('a.switchChar').click(function() {

      var DATA=$(this).val();
      var data=(DATA);
      var CHAR=$(this).attr('char');
      $("#Results").html( "" );
      var dataString = 'char='+ data;

      $.ajax({
        url: "getResults.php", /* Will add this later */
        type: "POST",
        data: dataString,
        cache: false,
        success: function(data)
        {
          $("#Results").html(data);
        }
      }
    });
  });
</script>

成绩组
$（文档）.ready（函数（）{
//$（文档）.on（'click'，'switchChar'，function（）
$（'a.switchChar'）。单击（函数（）{
var DATA=$（this.val（）；
var数据=（数据）；
var CHAR=$（this.attr（'CHAR'）；
$（“#结果”）.html（“”）；
var dataString='char='+数据；
$.ajax({
url:“getResults.php”，/*稍后将添加此内容*/
类型：“POST”，
数据：dataString，
cache:false，
成功：功能（数据）
{
$（“#结果”）.html（数据）；
}
}
});
});

不要使用

var DATA=$（this.val（）；

或

var CHAR=$（this.attr（'CHAR'）；

和

var DATA=（DATA）；

使用

.attr（'value'）；

它的'a'元素不是'input'（

.val（）

）

或者使用

$（this.html（）；

获取内部信件

---

我已经将它改为使用var DATA=$（this）.val（）；它正在过帐，但没有传递值。现在它可以正常工作了。

$(document).ready(function() {

    $('a.switchChar').click(function() {
      var data=$(this).attr('value'); //this 'a' element (not 'input'), 'value' -> attribute
      $("#Results").html("");
      var dataString ='char='+ data ; 
     console.log(dataString)
      $.ajax({
           url: "getResults.php", /* Will add this later */
           type: "post",
           data: dataString,
           cache: false,
           success: function(data){
              $("#Results").html(data);
           }

      });
   });
  });