Rumah > Artikel > pembangunan bahagian belakang > javascript - 有关于ajax获取到的数据问题
在a.html中有ul,现在ul中有三个li,我现在是每点击一个li通过ajax获取到对应的数据,
然后在b.html中有三个a标签,问如何能实现在b.html中单击a标签跳到a.html中对应li中并得到相应的数据???
在a.html中有ul,现在ul中有三个li,我现在是每点击一个li通过ajax获取到对应的数据,
然后在b.html中有三个a标签,问如何能实现在b.html中单击a标签跳到a.html中对应li中并得到相应的数据???
以下是伪代码,仅供参考
b.html
<code><a href="a.shtml?li=0>%E8%B7%B3%E8%BD%AC%E5%88%B0LI_A%E5%B9%B6%E5%8F%96%E5%BE%97%E6%95%B0%E6%8D%AE</a></code>%0A
a.html
%0A<code><li%20class=" myli>li_a <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(); }</a></code>
<code>这个demo你看下: 前台: <meta charset="utf-8"> <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> <input type="text" name="state" autocomplete="off"> <br> <div id="results"> </div> 后台: <?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></code>