Ajax调用在Javascript中的click()中不起作用

gls

我正在尝试使用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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

简单函数调用在Robot Framework中不起作用

Click事件在javascript中不起作用

Httpclient Xamarin Forms调用在Android中不起作用

ctypes dll调用在ipython中起作用,但在常规python中不起作用

服务调用在Angular 5中的错误处理程序中不起作用

为什么我的ajax / fetch调用在控制器中没有Route的情况下不起作用?

为什么函数调用在字典中的python中不起作用

第二个ajax调用在Phonegap Jquery移动Windows Phone 8中不起作用

jQuery Ajax调用在WebKit浏览器中不起作用

复制文件dll调用在Metatrader中不起作用

JavaScript .click()在IE中不起作用

jQuery Ajax调用在单独的.js文件中不起作用

Ajax代码在JavaScript中不起作用

使用Ajax调用的while循环在javascript中不起作用

jQuery Ajax调用在IE中不起作用,JSON响应无法通过

输入法onchange javascript函数调用在Safari中不起作用

Shopify API调用在Rails后台作业中不起作用

交换时按引用调用在C#中不起作用

内部函数调用在 ipython 中不起作用

Ajax 调用在 wordpress 中不起作用

异步调用在 vanilla javascript 中不起作用

Ajax 调用在自定义插件中不起作用

使用 `curl` 的 API 调用在 Swift 中不起作用

文档方法引用在 JavaScript 中不起作用

带有 await/async 的异步函数调用在 angular 中不起作用

REST API(http 和 https)Ajax 调用在最新的 Cordova Ver 10.0.0 中不起作用

通过安全端口 (https) 调用在 istio 中不起作用

为什么我的函数调用在 TinyMCE 中不起作用

Post Http 调用在邮递员上工作,但代码在 C# 中不起作用