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

前端技术 2023/09/03 AJAX
复制代码 代码如下:

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

本文地址：https://www.stayed.cn/item/7896

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案