javascript - 将 ajax json 输入发送到附加的 onclick js 函数

Question

我有一个 div 区域，在其中添加了来自 ajax 成功函数的一些 json 输入。

function rowClicked(term){
$.ajax({
    url: "/student/transcript_detail",
    data:{term:term},
    on:"/student/transcript_detail",
    method:"POST",
    success: function(responseJson) {
        $('#course-brief-row').empty();
        $('#nomre_term_body').empty();
        $.each(responseJson, function(index,termDetail){
            $("#course-brief-row").append("<a class='style-item' onclick='courseClicked(${termDetail.coirseId},${term})'>" +termDetail.coursename+"<br>"+
                                            termDetail.grade+"<br>"+
                                            termDetail.stat+"<br>"+
                                            "<p><br>&nbsp;</p>"+
                "</a>");""
        });
    },
    error: function () {
        alert("ERROR");
    }

});

然后我想添加每个 <a>标签，将我的 json 参数作为其 onclick 的输入发送函数调用，

function courseClicked(coid,term){
    //do sth
}

现在我想知道我应该如何发送这个参数？换句话说，我应该如何写这部分:

onclick='courseClicked(${termDetail.coirseId},${term})

Answer 1

我想这应该足够了-

onclick='courseClicked("+termDetail.coirseId+","+term+")'

无论如何，它都是您传递的普通 JavaScript 变量。

尝试 fiddle - https://jsfiddle.net/607notn6/ 。