ajax上传图片所用jquery.form.js插件详细使用方法_jquery.form.js提交表单和图片-CSDN博客

本文链接：https://blog.csdn.net/qq_26291823/article/details/53338765

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