Ajax调用完成后如何执行指定的PHP/HTML代码片段？

我来帮你搞定这个问题！你现在用jQuery的.load()方法加载投诉内容后，想要强制执行那段包含提示文本和页面链接的代码，这里有几个简单可靠的实现方式：

方法1：利用.load()的回调函数（最直接） #

.load()方法本身支持传入第三个参数——请求完成后的回调函数，我们可以在这里把需要追加的内容插入到目标容器里。而且用JavaScript获取当前页面URL和PHP的效果完全一致，还更灵活：

$('a').on('click', function(e){
    var rex = e.target.id;
    // 加载内容，指定回调函数
    $('#mcontent').load("doload.php", {id: $('#' + rex ).data("id")}, function() {
        // 加载完成后执行：拼接并追加提示内容
        var currentLink = window.location.href;
        var promptContent = `
            <br />
            <p></p>
            <p> Copy this link and paste in the mail for user's responses <br />
            ${currentLink}
            </p>
        `;
        $('#mcontent').append(promptContent);
    });
});

这个方法的优势是：完全贴合你现有的代码结构，不需要额外修改HTML，逻辑清晰直接。

方法2：分离HTML模板（更易维护） #

如果想把HTML结构和JS逻辑分开，方便后续修改提示文本，可以先在页面里放一个隐藏的模板元素，然后在回调里克隆它并填充数据：

首先在页面的任意位置添加隐藏模板：

<div id="responsePromptTemplate" style="display: none;">
    <br />
    <p></p>
    <p> Copy this link and paste in the mail for user's responses <br />
    <span class="current-url"></span>
    </p>
</div>

然后修改你的JS代码：

$('a').on('click', function(e){
    var rex = e.target.id;
    $('#mcontent').load("doload.php", {id: $('#' + rex ).data("id")}, function() {
        // 克隆模板、填充URL、显示并追加到容器
        var promptTemplate = $('#responsePromptTemplate').clone();
        promptTemplate.find('.current-url').text(window.location.href);
        promptTemplate.removeAttr('id').show(); // 移除原ID避免冲突并显示
        $('#mcontent').append(promptTemplate);
    });
});

这种方式适合需要频繁修改提示内容的场景，HTML结构一目了然，不用在JS里拼接字符串。

额外提示 #

如果需要区分Ajax请求成功/失败的情况（比如加载出错时不显示提示），可以改用$.ajax()方法来实现，这样能更精细地控制逻辑，但对于你的需求来说，上面两种方法已经足够简单好用啦。

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