javascript - 抓取url的url参数onclick.. Jquery, Javascript

Question

我在尝试存储使用 ajax post 响应创建的一些动态链接的 url 参数时遇到了一些问题。 ajax 帖子工作正常，并且名称和子流派变量已从 ajax 响应中正确填充。现在我希望发生的是，用户单击生成的网址之一，网址内的参数(即 subgenre=“blah”)将被发送到数据库并存储。我遇到的问题是标准事件单击功能在文档就绪功能内部或外部都不起作用。

$(document).ready(function() {


$.each(data, function() {
$('#artist-suggestions').append('<li><a href="http://...../100.php" artist="'+ this.name +'" subgenre="'+ this.subgenre +'" onclick="artistGen()">' + this.name +     this.new + '</a></li>');
});

});

然后我创建了一个 onclick 函数，如下所示，但我无法使用“this”查询，因为它超出了文档范围。我必须将 onclick 函数放在文档就绪函数之外，否则它将无法工作。

function artistGen(){
alert('dfdsf');

};

我在这里错过了什么或者我做错了什么？

Answer 1

创建每个元素时，您可以在 onclick 函数中传递这些内容。

$(document).ready(function() {


$.each(data, function() {
  artist = this.name;
  $('#artist-suggestions').append('<li><a href="http://...../100.php" artist="'+ this.name +'"        subgenre="'+ this.subgenre +'" onclick="artistGen(' + this.Blah1 + ',' + this.Blah2' + ')">' + this.name +     this.new + '</a></li>');
});

})

;

function artistGen(Blah1, Blah2){
 saveData(Blah1, Blah2);
alert('dfdsf');

};