javascript - 有关于ajax获取到的数据问题-php教程-PHP中文网

javascript - 有关于ajax获取到的数据问题

php中文网

发布： 2016-12-01 00:25:57

原创

1252人浏览过

在a.html中有ul，现在ul中有三个li，我现在是每点击一个li通过ajax获取到对应的数据，
然后在b.html中有三个a标签，问如何能实现在b.html中单击a标签跳到a.html中对应li中并得到相应的数据？？？ javascript - 有关于ajax获取到的数据问题

回复内容：

以下是伪代码，仅供参考

b.html

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

登录后复制

a.html

立即学习“Java免费学习笔记（深入）”；

<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();
}

登录后复制

这个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);
  }

登录后复制