Ajax et le transfer des données

Bonjour tout le monde!

je veux rediriger un lien vers une section de ma page comme ceci avec ajax:

<a data-target="#doc" data-whatever="'.$valeur['id_cat'].' ">'.$valeur['nom_cat'].'</a>

voici le div où je veut rediriger le lien

Code:

<div id=doc></div>

voici le lien en question

Code:

<a data-target="#doc" data-whatever="'.$valeur['id_cat'].' ">'.$valeur['nom_cat'].'</a>

et en fin le script

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript">
 $('#doc').on('show', function (event) {
          var lien = $(event.relatedTarget) 
          var recipient = lien.data('whatever') // Extract info from data-* attributes
          var modal = $(this);
          var dataString = 'id=' + recipient;
 
            $.ajax({
                type: "GET",
                url: "affiche.php",
                data: dataString,
                cache: false,
                success: function (data) {
                    console.log(data);
                    modal.find('.dash').html(data);
                },
                error: function(err) {
                    console.log(err);
                }
            });
    })

çà a bien fonctionné pour mes modal, mais je ne parvient pas le faire sans les modals.
aidez moi s'il vous plait