javascript – Fragen zu den von Ajax erhaltenen Daten

WBOY
Freigeben: 2023-03-01 19:24:01
Original
1071 Leute haben es durchsucht

Es gibt ul in a.html, und jetzt gibt es drei li in ul. Jetzt bekomme ich die entsprechenden Daten jedes Mal über Ajax, wenn ich auf ein li klicke,
Dann sind es drei in b.html ein Tag, wie kann ich auf das a-Tag in b.html klicken, um zum entsprechenden li in a.html zu springen und die entsprechenden Daten zu erhalten? ? ? javascript – Fragen zu den von Ajax erhaltenen Daten
javascript – Fragen zu den von Ajax erhaltenen Daten

Antwortinhalt:

Es gibt ul in a.html, und jetzt gibt es drei li in ul. Jetzt bekomme ich die entsprechenden Daten jedes Mal über Ajax, wenn ich auf ein li klicke,
Dann sind es drei in b.html ein Tag, wie kann ich auf das a-Tag in b.html klicken, um zum entsprechenden li in a.html zu springen und die entsprechenden Daten zu erhalten? ? ? javascript – Fragen zu den von Ajax erhaltenen Daten
javascript – Fragen zu den von Ajax erhaltenen Daten

Der folgende Pseudocode dient nur als Referenz

b.html

<code><a href="a.shtml?li=0>跳转到LI_A并取得数据</a></code>
Nach dem Login kopieren

a.html

<code><li class="myli">li_a</li>
<li class="myli">li_b</li>
<li class="myli">li_c</li>

$('.myli').click(function () {
    loadData($(this).index());
});

// 进入页面判断参数,然后点击对应LI标签
window.onload = function () {
    var index = getQuery('li')
    $('.myli').get(index).click();
}</code>
Nach dem Login kopieren

<code>这个demo你看下:
前台:
<html>
    <meta charset="utf-8">

    <head>
        <script type="text/javascript" src="jquery.min.js"></script>
        <script type="text/javascript">
$(function()
{
    $(document).on('mouseout', '[name="state"]', function()
    {
        var html;
        var partialState = $(this).val();
        $.getJSON("getStates.php",
        {
            partialState: partialState
        }, function(states)
        {
            $('input').val(states[0]);
            $.each(states, function(i, value)
            {
                html += value;
                $("#results").html(html);
            });
        });

    });
});

        </script>
    </head>

    <body>
        <input type="text" name="state" autocomplete="off" />
        <br>
        <div id="results"> </div>
    </body>

</html>

后台:
<?php
  error_reporting(E_ALL);
  ini_set('display_errors', 1);

  $con = mysqli_connect("localhost", "root", "")
  or die("Failed to connect to the server: " . mysql_error());

  mysqli_select_db($con, "dedecms")
  or die("Failed to connect to the database: " . mysql_error());

  $partialStates = strtoupper($_GET['partialState']);

  if(!$partialStates)
  {
     echo "###";
  }
  else
  {
     $states = mysqli_query($con,"select typename  from dede_arctype where typename like '%$partialStates%'") or die(mysql_error());
     $sources = array();
   while($row = mysqli_fetch_array($states)) {
       $sources[] = $row['typename'];
   }
   header('Content-Type: application/json');
   echo json_encode($sources);
  }
</code>
Nach dem Login kopieren
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!