使用jquery的ajax,一种是form提交,一种是button直接提交。
1. 引用
2.js脚本ajax-form.js
jQuery(function($) {
$('form[data-async]').on('submit', function(event) {
var $form = $(this);
var $target = $($form.attr('data-target'));
$.ajax({
type: $form.attr('method'),
url: $form.attr('action'),
data: $form.serialize(),
success: function(data, status) {
$target.html(data);
}
});
event.preventDefault();
});
$("#subbtn").click(function() {
var $btn = $(this);
var params = $btn.attr('data');
var $target = $($btn.attr('data-target'));
$.ajax({
type: $btn.attr('method'),
url: $btn.attr('action'),
data: params,
success: function(data){
$target.html(data);
}
});
});
});
第一个函数为data-async的form的提交响应,第二个函数为id为subbtn的button响应。
3.HTML内容
form
按vrf名搜索路由
搜索
button
搜索