ajax上传图片所用jquery.form.js插件详细使用方法
ps:本人亲测,阿里云2核4G5M的服务器性价比很高,新用户一块多一天,老用户三块多一天,最高可以买三年,感兴趣的可以戳一下:阿里云折扣服务器
一、html中有submit提交按钮时
1、添加一个表单页面。 只是一个正常的形式,不需要特殊的标记:
<form id="myForm" action="comment.php" method="post">
Name: <input type="text" name="name" />
Comment: <textarea name="comment"></textarea>
<input type="submit" value="Submit Comment" />
</form>
2、包括jQuery和表单插件外部脚本文件和一个简短的脚本 当初始化形式DOM准备好了:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script>
// 等待DOM加载
$(document).ready(function() {
$('#myForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
</script>
</head>
...
二、用jquery提交时
1、添加一个表单页面。 只是一个正常的形式,不需要特殊的标记:
<form id="order_form" action="comment.php" method="post">
Name: <input type="text" name="name" />
Comment: <textarea name="comment"></textarea>
<button type="button" onclick="order_submit();"></button>
</form>
2、包括jQuery和表单插件外部脚本文件和一个简短的脚本 当初始化形式DOM准备好了:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script type="text/javascript">
// 等待DOM加载
$(document).ready(function() {
$('#order_form').ajaxForm(function(a) { //有a时则a是返回值
var b = eval("(" + a + ")"); //防止中文乱码
layer.msg(b); //layer提示层
}).submit(); //最后提交表单
});
</script>
</head>
...