使用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

搜索

總結

以上是生活随笔為你收集整理的ajax隐藏button,jquery下的ajax应用-form和button触发的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。