18910140161

ajax实现提交表单页面不跳转的方法

顺晟科技

2021-06-16 10:54:54

381

删除了表单元素的属性动作、enctype和方法,增加了id='form ',使表单元素变成了表单id='form '

导入jquery库,点击这里下载

将onclick='add_ajax()'添加到提交按钮,并将type='submit '更改为type='button '

示例:输入类型='button '值=' submit' onclick='add_ajax()'/

将ajax代码放在页面底部(而不是jquery库之前)

脚本类型='text/javascript '

函数add_ajax(){

$.ajax({

类型: '开机自检',

Url: '/plus/diy.php ',//提交到后台文件

Data: $ ('# form ')。serialize(),//表单值传输

success:函数(数据){

//弹出窗口显示PHP返回的值

alert(数据);

//以html格式显示在指定id的元素中

$('#deok ')。html(数据);

//提交后清除表单中填写的值

$('#form')[0]。reset();

//将值传递到输入框中

$(这个)。val(');//清除最后一个输入框中的数据

$('#deok ')。val(AAA[' box num ']);//将新数据写入输入框

}

});

返回false

}

/script

扩展阅读:

当表单的属性设置为“禁用”时,提交表单时,不能传递select的值,因此需要在提交前移除禁用的属性,并使用$(“# role”)。remove attr(' disabled ');是(提交前删除id='role '的禁用属性)

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航