如何给一个按钮添加ajax,onclick funtion当我在ajax中添加一个按钮时

本文探讨了使用AJAX获取Instagram API数据并在HTML表格中动态添加按钮的问题,遇到点击事件未触发的问题。作者寻求解决如何成功追加数据,同时确保按钮的onclick函数有效,以便后续操作如添加用户名到列表中。
摘要由CSDN通过智能技术生成

我想使用AJAX获取信息。如果成功,我想将数据追加到表中。此外,在每个tr中,我添加一个按钮,并且如果单击该按钮,我想触发一个事件。因此,我只需在表格中追加一个带有onclick函数的按钮。而onclick功能不起作用。有谁知道为什么?以及我如何实现我的目标?onclick funtion当我在ajax中添加一个按钮时

下面是代码:

$.ajax({

url: 'https://api.instagram.com/v1/tags/'+tag+'/media/recent',

type: "GET",

dataType: "jsonp",

cache: false,

data:{

access_token: access_token,

count: count

},

success: function(data){

for(var x in data.data){

var html="";

tdHtml +="

"+" %22+data.data%5Bx%5D.images.thumbnail.url+%22"+""+

"

"+data.data[x].caption.from.username+""+

"

"+data.data[x].likes.count+""+

"

"+create_time+""+

"

"+tags+""+

"

"+"Add Users to a Group"+"";

}

}

});

编辑: 其实,onclick功能是这样的:

"

"+"Add Users to a Group"+"";)'>Add Users to a Group"+"";

当我按一下按钮,我可以对数据进行处理的事我通过AJAX获得的用户名。但是,即使我简单地写,它也无法工作。例如:

function addUsers(name){

console.log(name);

}

名称无法安慰。存在未定义的错误或发生其他错误。

因此,我的目标是从开发者处获得响应(完成),将它追加到html表格中(完成),然后单击一个按钮(以前追加)以使用附加信息做更多事情。在这里,我想将该名称添加到某个列表中。

+0

我看不到'tdHtml'在哪里使用。让我们假设它被使用:)控制台中的错误是什么? –

+0

我的猜测是你没有使用事件委托动态创建按钮。 –

+0

从'addUsers()' –

当用户点击导入按钮,您可以使用 JavaScript 发送 AJAX 请求来执行相应的操作。以下是一个示例: ```html <!DOCTYPE html> <html> <head> <title>点击导入按钮发送 AJAX 请求示例</title> </head> <body> <button onclick="importData()">导入数据</button> <script> function importData() { var xhr = new XMLHttpRequest(); xhr.open('POST', 'https://example.com/import', true); // 设置请求的 URL xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { // 请求成功处理逻辑 console.log(xhr.responseText); } else { // 请求失败处理逻辑 console.error('请求失败'); } } }; xhr.send(); } </script> </body> </html> ``` 在上述示例,我创建了一个按钮,并将其绑定到 `importData()` 函数上。在函数,我使用 `XMLHttpRequest` 对象创建了一个 AJAX 请求。我设置了请求的方法为 `POST`,并指定了请求的 URL。您需要将 `https://example.com/import` 替换为实际的请求地址。 然后,我通过设置 `onreadystatechange` 事件处理程序来监听请求的状态变化。当请求的状态变为 `XMLHttpRequest.DONE`,即完成状态,我检查响应的状态码。如果状态码为 200,表示请求成功,您可以在处理逻辑执行相应的操作。如果状态码不是 200,则表示请求失败,您可以在错误处理逻辑进行相应的处理。 最后,我使用 `send()` 方法发送 AJAX 请求。请注意,如果您需要在请求传递数据,可以在 `send()` 方法作为参数传递。 请根据您的实际需求修改示例的请求方法、URL、成功和失败处理逻辑,并根据需要将数据作为参数传递给 `send()` 方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值