如何使用ajax提交表单

Question

尝试使用ajax提交表单，但它不起作用

$('#Submit').on('click',function(){
    $.ajax({
        type: 'get',
        url: 'ItemProcessor.php',
        data: $('#input_form').serialize(),
        success: function(response){
            alert(response)
        },
        error: function(){
            alert('error')
        }
    })
event.preventDefault()
})

<form id="input_form">
    <input type="image" src="AddToCart.png" id="Submit"/>
    <input type="number" id = "stupid" name = "Amount" min="1">
    <input type="text" name = "ID" value="Ice Cream" readonly style="display: none;">
    <input type="text" name = "Cost" value="2" readonly style="display: none;">
    <input type="text" name = "Kom" value="1" readonly style="display: none;">
    <input type="text" name = "EAN" value="4551212511" readonly style="display: none;">
    <input type="text" name = "Type" value="Food/Sweets" readonly style="display: none;">
</form>

我希望 javascript 代码将表单发送到 ItemProcessor.php，但是当我单击表单时，表单的行为就像正常情况一样，并且不会调用该函数。既没有成功也没有错误被调用，所以我假设该函数没有激活，但我不知道为什么。这是页面上唯一的表格

Answer 1

我的猜测是

event

没有定义，给你的事件函数一个参数，即

event

$('#Submit').on('click',function(event){