根据从另一页面接收的数据显示DIV

Question

我拥有什么

我有两页，＆＃34; home＆＃34;和＆＃34; grupo＆＃34;。在＆＃34; home＆＃34;存在3个大DIVS，其中包含不同公司发送到同一页面的链接，＆＃34; grupo＆＃34;。在＆＃34; grupo＆＃34;我有4个div，其中3个是隐藏的，第一个可见。

我的代码

查看/ Home.blade.php

<a href="grupo" title="Bignardi Papéis">
    <div class="pure-u-6-24" id="primeiraEmpresa">
        <img src="assets/images/front/home/bignardi-papeis.png" alt="Previz - Consultoria Previdenciária" class="pure-img" />
        <p class="textoEmpresa"><?php echo $paginaInicial->textochamadabignardi;?></p>
        <span class="leiaMais">+</span>
    </div>
</a>

<a href="grupo" title="Jandaia">
    <div class="pure-u-6-24">
        <img src="assets/images/front/home/logo-jandaia.png" alt="Previz - Consultoria Previdenciária" class="pure-img" />
       <p class="textoEmpresa"><?php echo $paginaInicial->textochamadajandaia;?></p>
        <span class="leiaMais">+</span>
    </div>
</a>

<a href="grupo" title="Jandaia Atacado de Papelaria">
    <div class="pure-u-6-24">
        <img src="assets/images/front/home/logo-jandaia-atacado.png" alt="Previz - Consultoria Previdenciária" class="pure-img" />
        <p class="textoEmpresa"><?php echo $paginaInicial->textochamadaatacadao;?></p>
        <span class="leiaMais">+</span>
    </div>
</a>

查看/ Grupo.blade.php

<div id="content0" class="pure-g show empresasjavascript">
    <div class="pure-u-16-24 textoEmpresa">
        {{$grupo->texto}}
        <div class="pure-g-">
            <div class="pure-u-1 linkExterno">
                <a href="http://{{$grupo->link}}" title="{{$grupo->titulo}}" target="_blank">PARA SABER MAIS, VISITE O WEBSITE DA {{$grupo->titulo}}</a>
            </div>
        </div>
    </div>
    <div class="pure-u-8-24 pure-u-sm-8-24">
        <img src="assets/images/grupo/{{$grupo->imagem}}" alt="{{$grupo->titulo}}" class="pure-img imagemEmpresa" title=""/>
    </div>
</div>

<div id="content1" class="pure-g hide empresasjavascript">
        <div class="pure-u-16-24 textoEmpresa">
            {{$grupo->texto}}
            <div class="pure-g-">
                <div class="pure-u-1 linkExterno">
                    <a href="http://{{$grupo->link}}" title="{{$grupo->titulo}}" target="_blank">PARA SABER MAIS, VISITE O WEBSITE DA {{$grupo->titulo}}</a>
                </div>
            </div>
        </div>
        <div class="pure-u-8-24 pure-u-sm-8-24">
            <img src="assets/images/grupo/{{$grupo->imagem}}" alt="{{$grupo->titulo}}" class="pure-img imagemEmpresa" title=""/>
        </div>
 </div>

<div id="content3" class="pure-g hide empresasjavascript">
            <div class="pure-u-16-24 textoEmpresa">
                {{$grupo->texto}}
                <div class="pure-g-">
                    <div class="pure-u-1 linkExterno">
                        <a href="http://{{$grupo->link}}" title="{{$grupo->titulo}}" target="_blank">PARA SABER MAIS, VISITE O WEBSITE DA {{$grupo->titulo}}</a>
                    </div>
                </div>
            </div>
            <div class="pure-u-8-24 pure-u-sm-8-24">
                <img src="assets/images/grupo/{{$grupo->imagem}}" alt="{{$grupo->titulo}}" class="pure-img imagemEmpresa" title=""/>
            </div>
 </div>

<div id="content4" class="pure-g hide empresasjavascript">
            <div class="pure-u-16-24 textoEmpresa">
                {{$grupo->texto}}
                <div class="pure-g-">
                    <div class="pure-u-1 linkExterno">
                        <a href="http://{{$grupo->link}}" title="{{$grupo->titulo}}" target="_blank">PARA SABER MAIS, VISITE O WEBSITE DA {{$grupo->titulo}}</a>
                    </div>
                </div>
            </div>
            <div class="pure-u-8-24 pure-u-sm-8-24">
                <img src="assets/images/grupo/{{$grupo->imagem}}" alt="{{$grupo->titulo}}" class="pure-img imagemEmpresa" title=""/>
            </div>
 </div>

我想要什么

我不想要使用 PHP ，但是 Javascript 。让我举个例子： 当我点击链接（在视图＆＃34;主页）＆＃34; title =＆＃39; Jandaia＆＃39;（第二个链接）时，我想要页面＆＃34; Grupo＆＃34;不用class＆＃34; content0＆＃34;但是＆＃34; content1＆＃34;，更改班级＆＃34;隐藏＆＃34;到＆＃34;显示＆＃34;。

Answer 1

如果您没有将所有内容呈现在页面上并首先隐藏它，而是利用像Ajax这样的东西，那么它就变成了一个更微不足道的问题。它遵循以下几点：

• 确定用户点击的链接
• 将参数Ajax转换为某些资源端点，该端点可以根据参数
检索所需的信息
• 接收ajax调用的终点应该提供可以显示的数据结果
• 在结果容器中显示结果

就JS代码而言，使用jQuery，你可以按照这些方式做点什么：

var identificator = $('a').attr('id');
$.ajax({
  type: "POST",
  url: "get-data.php",
  data: { data: identificator }
})
.done(function(response) {
 $('div#response-container').html(response);
});