OStack程序员社区-中国程序员成长平台 › 门户 ›编程› AJAX› AJAX编程经验 › 查看内容

ajaxForm和ajaxSubmit 粘贴就可用示例代码

2022-2-5 16:58| 发布者: 菜鸟教程小白| 查看: 132| 评论: 0|原作者: [db:作者]|来自: [db:来源]

摘要: 这篇文章主要介绍了ajaxForm和ajaxSubmit 粘贴就可用示例代码,需要的朋友可以参考下

 
<!-- 
To change this template, choose Tools | Templates 
and open the template in the editor. 
--> 
<!DOCTYPE html> 
<html> 
<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<script src="jquery-1.7.2.min.js"></script> 
<script src="jquery.form.js"></script> 
<script> 
//ajaxForm 
var optionss = { 
dataType:"text", 
type:'post', 
url: "chuli.php", 
beforeSubmit:showRequest, 
success:showResponse, 
clearForm:true 
}; 
$('#form1').ajaxForm(optionss); 
function showRequest() { } 
function showResponse(data){ 
alert(data); 
} 
</script> 
</head> 
<body> 
<form action="chuli.php" method="post" id="form1"> 
<input type="text" name="name" /> 
<input type="text" name="sex" /> 
<input type="submit" value="提交"/> 
</form> 
<hr /> 
<form action="chuli.php" method="post" id="form2"> 
<input type="text" name="name" /> 
<input type="text" name="sex" /> 
<input type="button" id="tijiao" value="提交"/> 
</form> 
</body> 
<script> 
//ajaxSubmit 
$("#tijiao").click(function(){ 
$("#form2").ajaxSubmit({ 
success:function(data){ 
alert(data); 
} 
}) 
}); 
</script> 
</html> 