没有表单的网页,所有元素都可以当做表单元素,通过AJAX提交,JQ拓展,支持连续操作

<details open>
	<summary>元素做表单</summary>
	<div form>
		<input name="a1" value="1"><br />
		<input name="b1" value="2"><br />
		<input name="c1[]" value="3"><br />
		<input name="c1[]" value="4"><br />
		<input name="d1['a'][]" value="5"><br />
		<input name="d1['a'][]" value="6"><br />
		<textarea name="long" rows="" cols="" id="long">212112</textarea><br />
		<input value="提交" type="button" submit>
	</div>

	<script>
		$(function() {
			$.fn.postform = function(callback) {
				var dataType = (typeof(arguments[1]) !== "undefined") ? arguments[1] : false;
				$(this).each(function() {
					var e = $(this)
					e.__proto__.callback = callback;
					var data = e.clone().wrap("<form></form>").parent().serialize();
					var action = (e.attr("action") + "") == "undefined" ? "" : e.attr("action");
					if(dataType)
						$.post(action, data, function() {
							e.callback(arguments[0], arguments[1], arguments[2], arguments[3])
						}, dataType);
					else $.post(action, data, function() {
						e.callback(arguments[0], arguments[1], arguments[2], arguments[3])
					});
				});
				return $(this);
			}
			$("[form]").postform(function(result) {
				alert(result);
				alert($(this).attr("class"))
			}).attr("hi", "自己添加的属性");
			$("[submit]").on("click", function() {
				$(this).parents("[form]").postform(function(result) {
					alert(result);
				});
			});
		});
	</script>
</details><br />




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值