ajax隐藏button,jquery下的ajax应用-form和button触发

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

搜索

button

搜索