通过AJAX更新内容调用的js函数

Question

我有一个通过AJAX更新的div（结果在其他php页面中传递），内容是一个带按钮的表，应该调用传递了值的js函数：

<?php echo '
<table>
<tr>
 <td>115</td>
 <td><input type="button" value="down" onclick="jsFunction(115)"/></td>
</tr>
</table>'; ?>

div用函数filter()更新如下（我也传递给filter()不同的值，但加载时，它以值1开始）：

$(document).ready(function() {
filter(1);
});

function filter(pageval) {  
var user = document.getElementById("user");
userval = user.value;
var pid= '#page-'+pageval;

$.ajax({
    type: 'post',
    url: 'filtercase.php',
    data: {
     user:userval,
     page: pageval,
    },
    success: function (response) {
    $( '#ajax-response' ).html(response);
    }
});
} 

问题：我在哪里放js Function（in）所以只有当按钮是单击表时才会调用它？

功能本身：

<script type="text/javascript">
    function downloadReport(case){
    console.log(case);}
</script>

我把它放在$(document).ready(function())中，作为页面底部的独立脚本，在我的ajax响应中 - 没有用：

Uncaught SyntaxError：意外的令牌案例

未捕获的ReferenceError：未定义downloadReport

Answer 1

case是一个保留的关键字，javascript引擎根本不会读取你的代码函数。

您在控制台中有错误...

Answer 2

您需要使用处理程序。简单的方法是添加到您的按钮元素：

onclick="downloadReport()"