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

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

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

迷茫 2017-05-27 17:42:32

[PHP讨论组]

1097

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

下面是代码部分：

另外,还有个问题要问各位老哥,我在chrome浏览器那里看ajax,老是看不了。
但是我在firefox里边看,却没有报错,是不是以后都可以用firefox看ajax有没有效果?

迷茫

业精于勤，荒于嬉;行成于思，毁于随。

全部回复(5)

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

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