Heim  >  Artikel  >  Backend-Entwicklung  >  javascript – Fragen zu den von Ajax erhaltenen Daten

javascript – Fragen zu den von Ajax erhaltenen Daten

WBOY
WBOYOriginal
2016-12-01 00:25:571077Durchsuche

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>

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>

<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>
Stellungnahme:
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