顺晟科技
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 '的禁用属性)
09
2022-04
09
2022-04
09
2022-04
29
2021-08
03
2021-08
12
2021-07