Question

我被赋予了如下任务：

任务步骤

使用唯一ID标记创建两个DIV 一个。这些将用于显示从AJAX返回的数据
创建两个A标签一个。 HREF可以留空湾为每个添加REL属性 C。将其中一个A标记的REL设置为get，另一个设置为发布
编写单个jQuery点击操作以捕获所有A标记的所有点击一个。请记住禁用A标记的默认单击操作湾此单击事件必须实现AJAX操作
AJAX（GET或POST）的方法将使用A的REL属性定义
从PHP返回到AJAX的数据将显示在两个DIV之一中，基于使用的AJAX方法;一个用于GET，一个用于POST

这是我到目前为止所做的 -

<!DOCTYPE html>
<html>

<head lang="en">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<title>Skills Tasks</title>
</head>
<body>

<div id="one"></div>
<div id="two"></div>

<a href="" rel="get">get</a>
<a href="" rel="post">post</a>

<script>

$(document).ready(function() {
  $('a').click(function(e) {
    e.preventDefault();
    $.get("data.php"); 




     });
 });

 </script>

  </body>
  </html>

这就是PHP文件中的内容 -

   <?php
   echo 'The data was returned';
   exit;
    ?>

Answer 1

$(document).ready(function() {

    $('a').click(function(e) {
        e.preventDefault();
        if($(this).attr('rel')=='get'){
            $.get("data.php",function(data){$('#one').text(data);}); 
        }
        if($(this).attr('rel')=='post'){
            $.post("data.php",function(data){$('#two').text(data);}); 
        }


    });
});

我需要使用.post和.get Ajax函数来获取一些php在索引文件中的某些div标签中显示

1 个答案: