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

}

});

});

});

第一個函數(shù)為data-async的form的提交響應(yīng)，第二個函數(shù)為id為subbtn的button響應(yīng)。

3.HTML內(nèi)容

form

按vrf名搜索路由

搜索

button

搜索

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。