JS:
$(".collectionlist").click(function() {
alert('alert')
$.ajax({
data:{
csrfmiddlewaretoken: csrf_token,
collection:('{{collection}}')
},
type:'POST',
url: '/collect/',
cache:false,
success: function(response) {
return true;
}
});
});
HTML:
<form action="." method="POST">{% csrf_token %}
<div id="report-collect">
<button type="submit" class="collectionlist" >Save-Spreadsheet <img src="{{ STATIC_URL }}images/button-icon-ir-fwd.png" width="12" height="17" alt="" /></button>
</form>
</div>
对于按钮,我给了一个类名,写了一个jquery函数来通过ajax调用该文件。问题是没有调用jquery函数,我更改了类名并尝试了。带有警报消息,警报未来.Onclick没有发生。需要帮助。
答案 0 :(得分:3)
可能是由于以下任何一个原因
动态创建collectionlist
元素,然后您需要使用事件委派
$(document).on('click', '.collectionlist', function(){
....
})
或者您的脚本未在dom ready上运行
jQuery(function($){
$(".collectionlist").click(function() {
....
});
})