m_655_
majunjie_99
采纳率0%
2018-11-16 13:23 浏览 2.0k

form的异步请求如何实现?

在做项目的时候前台提交form表单到后台的controller,如何实现局部刷新,在网上看的
是使用jquery的submit方法来是使form局部刷新,但是我还是不太明白,附网上截图一张
图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答 默认 最新

  • qq_38817306 qq_38817306 2018-12-04 07:20

    Emmm ajaxsubmit我没用过,但局部刷新的原理是:通过回调函数来操作页面的标签达成局部刷新。
    例如我刚刚百度ajaxsubmit的 success回调函数
    $('button').on('click', function() {
    $('form').on('submit', function() {
    var title = $('inpur[name=title]').val(),
    content = $('textarea').val();
    $(this).ajaxSubmit({
    type: 'post', // 提交方式 get/post
    url: 'your url', // 需要提交的 url
    data: {
    'title': title,
    'content': content
    },
    success: function(data) { // data 保存提交后返回的数据,一般为 json 数据
    // 此处可根据data 对页面标签进行操作,以达成局部刷新的效果
    alert('提交成功!');
    }
    $(this).resetForm(); // 提交后重置表单
    });
    return false; // 阻止表单自动提交事件,必须返回false,否则表单会自己再做一次提交操作,并且页面跳转

    });
    

    });

    点赞 1 评论 复制链接分享
  • q516605308 ars__qu 2018-11-20 10:11

    表单实现无刷新提交我知道的有两种
    ①通过 type="button" 在完成逻辑判断后提交
    ②通过 type="submit" 然后通过将 form表单的"target"属性指向 iframe 来完成提交,最终的结果会返回到 iframe 中
    看到 ajaxSubmit方法 需要一个target 参数,那应该就是根据你的target自动生成一个 id名为 reloadDiv 的 iframe ,然后请求成功后会拿到iframe里的数据返回给你

    点赞 评论 复制链接分享

相关推荐