Jquery Ajax提交表单

我有一个表单，在表单提交时通过

返回false

禁用提交。 问题是我想用

ajax

存储数据。当我应用ajax时，它正在提交我不想要的表单

这是我的jquery函数

function RegisterCourse(form)
{

    $('.barlittle').show();
    var all_data = $('#'+form).serialize();

    $.ajax({
        url:AjaxRecord.php,
        type:get,
        data:'all_data='+all_data,
        success:function(response){
            $('.barlittle').hide();
            var mesg="Successed";
            $('#temp').val(mesg);
            return false;
            },
        error:function(){
            $('.barlittle').hide();
            var error="ERROR";
            $('#temp').val(error);
            return false;
        }
    });
    return false;
}

---

给你的提交按钮一个ID

<input type ='submit' id ='sbtForm' value = 'submit' />
//jquery
$("#sbtForm").click(function(e){
  e.preventDefault();
  $.ajax({.... //place your ajax code or call your ajax function
});

//jquery
$（“#sbtForm”）。单击（函数（e）{
e、 预防默认值（）；
$.ajax（{....//放置ajax代码或调用ajax函数
});

---

希望这对您有用。

url参数的值应该是

字符串

$("#your_button_id").click(function(e){
    e.preventDefault();
    $.ajax({
        url: 'AjaxRecord.php',
        type: get,
        data: 'all_data=' + all_data,
        success: function (response) {
            $('.barlittle').hide();
            var mesg = "Successed";
            $('#temp').val(mesg);
        },
        error: function () {
            $('.barlittle').hide();
            var error = "ERROR";
            $('#temp').val(error);
        }
    });
});

---

尝试检查传递给函数的窗体的值

function RegisterCourse(form)
{

    $('.barlittle').show();
    var all_data = $('#'+form).serialize();

    $.ajax({
        url:AjaxRecord.php,
        type:get,
        data:'all_data='+all_data,
        success:function(response){
            $('.barlittle').hide();
            var mesg="Successed";
            $('#temp').val(mesg);
            return false;
            },
        error:function(){
            $('.barlittle').hide();
            var error="ERROR";
            $('#temp').val(error);
            return false;
        }
    });
    return false;
}

---

如果您发送的另一个表单表示

$（“#”+form）.serialize（）

不是您想要的表单

url:AjaxRecord.php，

可能会导致语法错误。请检查JS控制台。这主意太糟糕了。提交事件更安全，更有意义。如果您不希望提交按钮，请将其设置为按钮