form的异步请求如何实现？

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

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

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，否则表单会自己再做一次提交操作，并且页面跳转

});

});