form表单提交不跳转

js 专栏收录该内容
10 篇文章 0 订阅

第一种:将form的target值设置为iframe的name值

  <form action="/admin/agency_image" target="myIframe" method="post" enctype = "multipart/form-data" style="position:fixed;top:45px;">
    <input id="upload-file" class="upload-image" name="upfile" type="file" placeholder="上传文件">
    <input id="image_id" name="image_id" style="display: none;">
    <input id="image_name" type="submit" value="确定"/>
  </form>
  <iframe id="myIframe" name="myIframe" class="iframes"></iframe>

第二种:

<form id="myform" action="/admin/agency_image" method="post" enctype = "multipart/form-data" style="position:fixed;top:45px;">
    <input id="upload-file" class="upload-image" name="upfile" type="file" placeholder="上传文件">
    <input id="image_id" name="image_id" style="display: none;">
    <input id="image_name" type="submit" value="提交圖片"/>
  </form>
$('#myform').submit(function (event) {
            event.preventDefault();
            var form = $(this);
            var formData = new FormData(this);
            $.ajax({
              type: form.attr('method'),
              url: form.attr('action'),
              data: formData,
              mimeType: "multipart/form-data",
              contentType: false,
              cache: false,
              processData: false,
              dataType: 'json', //返回数据形式json
              success: function(data) {
                var id = $("#image_id").val();
                var rowNode = gridOptions.api.getRowNode(id);
                rowNode.setDataValue('photo', data);
              }
              })
          });
  • 2
    点赞
  • 0
    评论
  • 5
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

划船的使者

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值