Question

具有列表格式的刀片文件和图像格式的刀片文件。这里有两个跨度按钮，当我单击每个按钮时，我想向您显示不同格式的列表。如何编写代码？

 <span id="penpal-image-view" class="fa fa-th float-right" style="font- size: 25px;"></span> 
        <span id="penpal-list-view" class="fa fa-list float-right" style="font-size: 25px;padding-right:7px;"></span>

当前，仅使用if语句检查两个刀片文件，但是我想在按span时更改该文件

  @if( 2 == 2 )
                <div class="row">
                    <div class="col"></div>
                    <div class="col"> 
                            @include('penpal.component.indexTableList')
                    </div>
                    <div class="col"></div>
                </div>
            @else
                @include('penpal.component.indexImageList')
            @endif
        @endif

Answer 1

假设这是文件1，我们从该文件获取图像到文件2。这是一个包含图像的文件

echo "<img src="someimage.jpg" />";

这是file2代码我们像这样通过AJAX从file1获取图像：

$("#penpal-image-view").click( function(){
$.ajax({
    url: "url/to/file1",
    method: "POST",
    success:function(data){
        $(".CLASS-OF-DIV").html(data);
    } 
});

如何使用Ajax更改div中的元素？

1 个答案: