ajaxSubmit 表单提交简单运用

最新推荐文章于 2023-11-20 10:35:57 发布

vierhang

最新推荐文章于 2023-11-20 10:35:57 发布

阅读量120

点赞数

分类专栏： Html Php 文章标签： Html

本文链接：https://blog.csdn.net/vierhang/article/details/90207458

版权

Php 同时被 2 个专栏收录

34 篇文章 0 订阅

订阅专栏

Html

1 篇文章 0 订阅

订阅专栏

ajaxSubmit 表单提交简单运用

引入JS插件
```
<script src="jquery-form.js"></script>
```

HTM表单

<form method="post" id="form1" enctype="multipart/form-data" accept-charset="utf-8" class="form-horizontal" action=" ">
         <div class="col-sm-10"><input type="text" name="title" class="form-control"></div>
         <div class="col-sm-10"><input type="text" name="content" class="form-control"></div>
         <div class="form-group"><label class="col-sm-2 control-label">图片</label>
         <div class="col-sm-10"><input type="file" name="picture" class="form-control"></div>
         <button class="btn btn-primary" type="button">保存更改</button>
 </form>

JQ ajax提交代码

<script>
        $(".btn-primary").click(function () {
           $("#form1").ajaxSubmit(function (data) {
               if(data.error_code == 0){
                   alert('勒索病毒历史添加成功')
               }else{
                   alert(data.msg)
               }
           })
        })
    </script>