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

按vrf名搜索路由

搜索

button

搜索

ajax隐藏button,jquery下的ajax应用-form和button触发相关推荐

jquery下的ajax和jsonp实现与区别
json和jsonp和ajax的实质和区别 ajax的两个问题 1.ajax以何种格式来交换数据 2.跨域的需求如何解决数据跨域用自定义字符串或者用XML来描述跨域可以用服务器代理来解决 json ...
jQuery下的ajax【5分钟掌握】
jquery下的ajax方法 load ajax get post load()方法 jQuery load() 方法是简单但强大的 AJAX 方法. load() 方法从服务器加载数据,并把返回的数 ...
Jquery下的Ajax调试方法
Jquery下的Ajax调试方法介绍本文介绍Jquery下的Ajax调试方法:很多调试方法,就是一点就通,但是,在还没有通之前,会让人困惑,不知所以然: Ajax 可以为用户提供更为丰富的用户体验 ...
jQuery下的ajax之省市区三级联动
jQuery下的ajax之省市区三级联动小编提醒一下别忘了引入jQuery文件哟 HTML 所在省份:<select name="province"><opti ...
Php ajax 动态下载,jQuery动态实现ajax文件下载
这次给大家带来jQuery动态实现ajax文件下载,jQuery动态实现ajax文件下载的注意事项有哪些,下面就是实战案例,一起来看一下.// Ajax 文件下载 jQuery.download = ...
Ajax基础使用与jquery下使用ajax教程
ajax是目前项目上使用比较频繁的技术,非常的实用.本人目前做的项目中几乎都使用了ajax去后台请求数据.现在讲本人的学习笔记以及练习使用心得分享给大家,纯手打,大家多多支持.本分享为基础的ajax ...
ajax 请求svg,jQuery append 到AJAX加载的SVG问题
我已成功通过AJAX从外部文件加载了一些svg:$("#svg").load(svgUrl + " svg", function() { // do stuff ...
ajax搜索思路,jquery创建一个ajax关键词数据搜索实现思路
在web开发过程当中,我们经常需要在前台页面输入关键词进行数据的搜索,我们通常使用的搜索方式是将搜索结果用另一个页面显示,这样的方式对于搭建高性能网站来说不是最合适的,今天给大家分享一下如何使用 jq ...
ajax远程调用,jquery中的ajax方法怎样通过JSONP进行远程调用
关于JSONP的概念和为什么要使用JSONP网上已经有很多教程,这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用首先介绍下$.ajax的参数 type:请求方式 GET/ ...

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

ajax隐藏button,jquery下的ajax应用-form和button触发相关推荐

最新文章

热门文章