在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
本文档主要讲述的是基于jQuery的AJAX和JSON的实例;过jQuery内置的AJAX功能,直接访问后台获得JSON格式的数据,然后通过jQuer把数据绑定到事先设计好的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);
}










