codeigniter 根据ID使用 AJAX / JQuery将HTML元素从数据库转换为文本

6bc51xsx  于 2022-12-16  发布在  jQuery
关注(0)|答案(1)|浏览(129)

我刚开始使用Jquery,在网页开发中遇到了一个问题。我想根据url中的id将html元素转换为数据库中的段落。
这是我的代码

<script>
var url = window.location.pathname;
var id = url.substring(url.lastIndexOf('/') + 1);

$(document).ready(function() {
    $("#desc").click(function() {
        $("#content").html(id);
        $(this).addClass('active');
        $("#feature").removeClass('active');
        $("#spec").removeClass('active');
    });
    $("#feature").click(function() {
        $("#content").html(id);
        $(this).addClass('active');
        $("#desc").removeClass('active');
        $("#spec").removeClass('active');
    });
    $("#spec").click(function() {
        $("#content").html(id);
        $(this).addClass('active');
        $("#desc").removeClass('active');
        $("#feature").removeClass('active');
    });
});
</script>

Here is the display that i wish
我已经得到了ID,但不知道如何显示数据库(tbl_product)的数据基于该ID使用 AJAX / Jquery。我只能改变目前的活动类,所有您的意见和建议将是非常有用的。

j2datikz

j2datikz1#

你可以这样使用 AJAX

$("#desc").click(function() {
    $(this).addClass('active');
    $("#feature").removeClass('active');
    $("#spec").removeClass('active');

    $.ajax({
        url: 'product.php?id=' + id
        dataType: 'html',
        contentType: false,
        processData: false,
        beforeSend: function() {
            $('#content').empty();
        },
        error: function() {
            $('#content').append('error');
        },
        success: function(data) {
            $('#content').append(data);
        }
    })
});

相关问题