无需表单POST，通过jQuery调用PHP获取动态HTML元素内容

实现步骤： #

1. HTML结构
   先确保页面包含动态元素div1和触发按钮，同时引入jQuery：

<div id="div1">这里是会动态变更的内容</div>
<button id="loadBtn">加载file.php</button>

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

2. jQuery点击事件与GET请求
   点击按钮时抓取div1的实时内容，通过GET请求的URL参数传递给file.php，完全避开表单和POST方法：

$(function() {
    $('#loadBtn').on('click', function() {
        // 获取div1当前的动态内容
        const dynamicContent = $('#div1').text().trim();
        // 发起GET请求，将内容作为查询参数传递
        $.get('file.php', { div_content: dynamicContent }, function(res) {
            // 可根据需求处理PHP返回结果，比如插入到页面指定位置
            $('#result').html(res);
        });
    });
});

3. PHP端接收并处理内容
   在file.php中通过$_GET全局变量获取传递的内容：

<?php
// 检查参数是否存在
if (isset($_GET['div_content'])) {
    // 转义特殊字符防范XSS风险
    $receivedContent = htmlspecialchars($_GET['div_content']);
    echo "成功获取div1的内容：" . $receivedContent;
} else {
    echo "未接收到任何内容";
}
?>

注意事项： #

• 如果div1的内容包含&、=、空格这类特殊字符，jQuery的$.get会自动做URL编码，PHP端的$_GET会自动解码，无需额外处理。
• 若内容过长，需留意浏览器和服务器的URL长度限制（一般默认支持2000+字符），普通动态内容通常不会触发该限制。

内容的提问来源于stack exchange，提问作者Leonardo