<script type="text/javascript">
$(document).ready(function() {
$('a').click(function(){
$.get('data.php', {'page':$(this).attr("data")}, function(data){
$('#content').html(data);
});
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
<a href="#" data ="ajkdfk">apple</a>
<a href="#"data ="kasnfjk">pear</a>
<a href="#" data ="ankjlfs">banana</a>
<div id="content"></div>
我想将href tag
的数据属性值发送到像"data=ajkdfk"
这样的ajax函数,并将此值发送给数据。
PHP页面将其更新到我的数据库。
答案 0 :(得分:2)
只有data
属性无法正常工作。它应该是数据 - * ,您可以将*替换为您要使用的密钥。
然后使用定义的密钥
检索值HTML代码看起来像这样,
<a href="#" data-pagename ="ajkdfk">apple</a>
<a href="#"data-pagename ="kasnfjk">pear</a>
<a href="#" data-pagename ="ankjlfs">banana</a>
<div id="content"></div>
跟随jQuery代码,
<script type="text/javascript">
$(document).ready(function() {
$('a').click(function(){
var pagenamevalue=$(this).data('pagename');
$.get('data.php', {'page':pagenamevalue}, function(data){
$('#content').html(data);
});
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
我们已使用jQuery的.data()功能通过数据密钥访问该值。
data - * 属性用于存储与匹配元素关联的任意数据。
答案 1 :(得分:1)
只有数据属性可以使用,但您应该使用数据密钥。
你应该添加
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
在你的文件之前。[我希望你得到$不是一个功能]。
必须像 -
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a').click(function(){
var pagenamevalue=$(this).data('pagename');
$.get('data.php', {'page':pagenamevalue}, function(data){
$('#content').html(data);
});
});
});
</script>