Ajax实现超链接不跳转向指定页面传参数

客户端：此处使用jq定位，需引入jq文件

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<a href='#' id=1 class='client'>
<script>     
        $(document).ready(function() {  
            $('.client').click(function() {  
                var param = $(this).attr('id');
                $.ajax({  
                    url: 'server.php',  
                    type: 'GET', 
                    data:{id:param},
                    success: function(data) {  
                        $('#rightcontent').html(data);   
                    },  
                    error: function() {  
                        alert('加载内容失败！');  
                    }  
                });  
            }); 
        });          
</script>  

服务端：利用$_GET接收参数

<? 
$param = $_GET['id'];
?>

在这个例子中，当用户点击链接时，click()事件处理器会被触发，然后，使用jQuery的$.ajax方法向原本要跳转的URL发送一个GET请求，并处理返回的数据。并将目的url显示回需要展示的位置。

如果你想要传递参数，可以将它们包含在URL中（如上例所示），或者使用POST请求方式来传递参数。如果是POST请求的话，你需要修改type为POST，并且添加data选项来携带你的参数。