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

时间:2018-02-28 06:58:50

标签: javascript php jquery ajax

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

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

使用函数filter()更新div,如下所示(我也传递给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);
    }
});
} 

问题:我在哪里放jsFunction(int)所以只有当点击按钮时才会调用它?

功能本身:

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

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

  

未捕获的SyntaxError:意外的令牌案例

     

未捕获的ReferenceError:未定义downloadReport

2 个答案:

答案 0 :(得分:0)

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

onclick="downloadReport()"

答案 1 :(得分:0)

case是保留关键字,javascript引擎根本不会读取您的代码函数。

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