javascript - 用 AJAX 返回数据的内容替换 HTML

Question

我在 HTML 文件正文的末尾调用了一个脚本。此脚本发送数据从HTML文件中的多个输入源收集到PHP文件/strong> 检查一切是否正常，如果正常，计算一些数字并输出相同的 HTML 文件，用这些新计算的数字更新旧数字。

我的问题是，我能否获得此 HTML 输出并用新页面替换旧页面，而无需刷新页面并保持脚本仍然有效？>

部分脚本:

var datas = {action: 'update', subject: sendSub, criteria: changed[5], creditos: changed[4], g1: changed[0], g2: changed[1], g3: changed[2], g4: changed[3]};
    $.post('/edit.php', datas).done(function (data) {
        //What to do here?
        console.log(data); 
    });

Answer 1

$.post('/edit.php', datas).done(function (data) {
    $('#idOfSomeDiv').html(data);
});

无论 PHP 文件回显什么，都会覆盖 id 为 idOfSomeDiv 的 div 的内容.

所以，如果你体内的第一个元素是 <div id="wrap"> ，然后执行:

$.post('/edit.php', datas).done(function (data) {
    $('#wrap').html(data);
});

并且您从 PHP 端回显的任何 HTML 代码都将显示在页面上。请注意，注入(inject)的元素将不再适用于这种类型的 jQuery:

$('#myAnchortag').click(function(){
    //code in here
});

但是如果你使用它总是有效的

$(document).on('click', '#myAnchortag', function(){
    //code in here
});

<小时/>

The examples linked in this question可能有助于审查。