ajaxForm和ajaxSubmit 粘貼就可用示例代碼

來源：懂視網責編：小采時間：2020-11-27 22:52:20

ajaxForm和ajaxSubmit 粘貼就可用示例代碼

ajaxForm和ajaxSubmit 粘貼就可用示例代碼: 代碼如下: <!DOCTYPE html> <html> <head> <title></titl

推薦度：

點擊下載本文 文檔為doc格式

導讀ajaxForm和ajaxSubmit 粘貼就可用示例代碼: 代碼如下: <!DOCTYPE html> <html> <head> <title></titl

代碼如下:


<!-- 
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> 

 
 




聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

ajaxForm和ajaxSubmit 粘貼就可用示例代碼

推薦度：

點擊下載本文 文檔為doc格式

標簽：代碼表單實例

熱門焦點

ajaxForm和ajaxSubmit 粘貼就可用示例代碼

ajaxForm和ajaxSubmit 粘貼就可用示例代碼

ajaxForm和ajaxSubmit 粘貼就可用示例代碼

最新推薦

猜你喜歡

熱門推薦