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

192 阅读 0 评论 127 点赞

我是靠谱客的博主酷酷人生，最近开发中收集的这篇文章主要介绍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> 