$ .ajax仅在置于alert()时有效

Question

我尝试在以前使用AJAX加载的内容中加载内容.我把代码

with load():

jQuery("#contentpage").on("submit", "#loginform", my = function() {
    $("#contentpage").load("/logincheck.jsp");
    alert("this is required ");
});

与$ .ajax():

jQuery("#contentpage").on("submit", "#loginform", function() {

    $.ajax({
        url: '/logincheck.jsp',
        success: function(data) {
            $('#contentpage').html(data);
        }
    });

    alert("this is required ");
});

#loginform是一个加载了以前的AJAX请求的HTML表单,我成功访问了.on()函数.

但问题是,当我提交#loginform 而不放alert('this is required')盒子然后它刷新整个页面.内部内容#contentpage也没有变化.

但如果我做同样的推杆alert("this is required"),它的工作正常,内容正在加载#contentpage而不刷新整个页面.

这是时间问题吗？Ajax请求需要时间,而且它是异步的？如果我错了,请纠正我.

Answer 1

你试过这个吗？

        jQuery("#contentpage").on("submit","#loginform",my=function(event){ 
             event.preventDefault();
             $("#contentpage").load("/logincheck.jsp");
             alert("this is required ");
        });

这至少应该阻止页面刷新,也可以解决其他问题.祝好运!