我正在尝试使用ajax和php动态更新我的页面。在将ajax调用放入click()函数之前,该调用工作正常。警报正常
$(document).ready(function(){
$("#formbutton").click(function(){
alert("test");
$.ajax({
url: 'url.php',
type: 'GET',
dataType: 'html',
success: function (data) {
$("#response").html(data);
}
});
});
});
在调试中可以正常工作:
$(document).ready(function(){
alert("test");
$.ajax({
url: 'url.php',
type: 'GET',
dataType: 'html',
success: function (data) {
$("#response").html(data);
}
});
});
我究竟做错了什么?谢谢
按钮位于FORM标签内吗?
如果是这种情况,请考虑到按钮的默认行为是提交表单,可能看不到AJAX响应,因为提交表单的默认事件处理程序是在AJAX成功处理程序之前执行的。
尝试:
如果不需要,请删除该表格。
如果要保留表单,请使用“ preventDefault”:
$('#formbutton').click(function(evt) { evt.preventDefault(); /* ... */ });
如果使用button
标签,还可以将类型更改为“ button”:,以<button type="button">
确保浏览器未type=submit
默认使用。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句