javascript - 写的ajax没效果,求各位老哥看看问题所在...
本文介绍了javascript - 写的ajax没效果,求各位老哥看看问题所在...的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
我的目的是,原本的a标签,href属性的值是假的,
想让用户在点击a标签后,改变href属性的值,导向一个连接,
这个链接是http://XXX.XXX.html/?key='data中name值'&tit='data中title值'这种形式。
而这个data后台传过来的数据,
里边是个数组[{"name":"呵呵","title":"123"},{"name":"哈哈","title":"4567"}],就是这样的数据,
然后要用ajax在后台传来数据的时候,将对应的值组合成链接的形式,传给a标签的href值,
使用户在点击的时候,跳转到每个a标签对应的页面。
PS:我是个新手,不是很懂,写的代码很有问题,可是我不知道该怎么办,求大佬们帮忙啊!跪谢了!
下面是代码部分:
<div class="xixi">
<a href="haha/form.html">1</a>
<a href="haha/form.html">2</a>
<a href="haha/form.html">3</a>
<a href="haha/form.html">4</a>
<a href="haha/form.html">5</a>
</div>
<script>
$.ajax({
type:"get",
url:"aaa.json",
success:function(data){
$(".xixi a").on('click','a',function(data){
for(var i = 0;i < data.length;i++){
for(var j = 0;j < data.length[i];j++){
var zName = data[i][j].name;
var zTitle = data[i][j].title;
$(this).attr('href','haha/form.html?key="+zName+"&tit="+zTitle"');
}
}
});
}
})
</script>
另外,还有个问题要问各位老哥,我在chrome浏览器那里看ajax,老是看不了。
但是我在firefox里边看,却没有报错,是不是以后都可以用firefox看ajax有没有效果?
解决方案
$.ajax({
type: 'get',
url: 'aaa.json',
success: function(data){
// 遍历数据或者遍历 jQuery 对象
$('.xixi > a').each(function(i,link){
// 不明白你为什么要使用两次 for 循环查找数据;
// 你的数组是一个二维数组,可以使用 data[0].name 这种格式访问;
var name = data[i].name,
title = data[i].title;
// 绑定事件
$(link).off()
.on('click', function(e){
// 我建议你尽量使用单引号(除非有特殊规定),这是个好习惯!
$(this).attr('href','haha/form.html?key='+ name +'&title='+ title);
});
});
}
})
这篇关于javascript - 写的ajax没效果,求各位老哥看看问题所在...的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文