Question

数据使用ajax插入数据库，同时显示结果成功部分我没有得到输出请帮我下面显示我的脚本和表单代码

码

<script>
    $(document).ready(function () {
        $('#data_form').on('submit', function (e) {
            var form_data = $(this).serialize();
            $.ajax({
                type: "POST",
                url: '<?php echo base_url(); ?>index.php/Profile_cntrl/supplier_basicinformation_edit',
                data: form_data,
                success: function (data) {
                    $('#accordion').append('<div class="collapseOne">' +
                        '<div class="col-md-12 col-xs-12">' +
                        '<div class="messages msg_receive"><p><a>' +
                        first_name +
                        '</a></p></div></div></div>');
                },
                error: function () {
                    alert('failed');
                }
            });

            e.preventDefault();
        });
    });
</script>

形式

<div class="panel-heading row" id="first">
    <div class="col-md-4 col-sm-4 col-xs-4">First Name</div>
    <div class="col-md-4 col-sm-4 col-xs-4 ellipsis"><?php echo $row->first_name; ?></div>
    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
        <div class="col-md-4 col-sm-4 col-xs-4 profile-edit"> <i class="fa fa-pencil"></i> Edit</div>
    </a>
</div>

Answer 1

更改

$('#accordion').append('<div class="collapseOne"><div class="col-md-12 col-xs-12"><div class="messages msg_receive"><p><a>' +first_name+ '</a></p></div></div></div>');

到

$('#accordion').append('<div class="collapseOne"><div class="col-md-12 col-xs-12"><div class="messages msg_receive"><p><a>' + data + '</a></p></div></div></div>');

您必须使用数据而不是first_name

Answer 2

当您尝试附加内容时，请确保在DOM中是否可以使用ajax成功中提到的#accordion。返回的数据在data中作为JSON对象提供。解析此data，然后从此解析的JSON对象中显示first_name。

同时使用ajax显示成功部分的结果

2 个答案: