javascript - 写的ajax没效果,求各位老哥看看问题所在...-PHP中文网问答

我的目的是,原本的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:我是个新手,不是很懂,写的代码很有问题,可是我不知道该怎么办,求大佬们帮忙啊！跪谢了！

下面是代码部分：

<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>

</p>

$.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); }); }); } })

<!doctype html> <html> <meta charset="utf-8"> <script src="./jquery-3.2.1.min.js"></script> <body> <p class="xixi"> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> </p> </body> <script> $(document).ready(function() { /*页面载入时候执行ajax*/ $.ajax({ type: "get", url: "aaa.json", success: function(data) { /*ajax成功或，改变所有的a标签的href*/ 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; $(". xixi a").eq((i + 1) * (j + 1)).attr('href', 'haha/form.html?key="+zName+"&tit="+zTitle"'); } } } }) }); </script> </html>

全部回复(6)

仅有的幸福2017-05-27 17:44:32 6楼

赞 +0

添加回复