返回首页
当前位置: 主页 > 网络编程 > Ajax实例教程 >

jQuery ajax data 参数提交数据的方法

时间:2017-07-12 21:56来源:知行网www.zhixing123.cn 编辑:麦田守望者

jQuery 提供了几个 ajax 提交数据的方法,它们分别是 $.ajax 、$.post 、 $.get 等,
现在说说 $.ajax 方法 data 参数的写法 , 看示例代码 。


 

function myAjaxPost (btn) {
	$.ajax({
		dataType : 'html',
		type : 'post',
		url : '/content.php?action=catalog',
		data : '',
		error : function(){
			alert('AJAX 请求错误')
		},
		beforeSend : function(){
			$(btn).html('<img src="/static/loading.gif">')
		},
		success : function(data){
			if (data == 'ok'){
				location.reload()
			}
			else{
				alert(data)
			}
		},
		complete : function(){
			$(btn).html('<span class="glyphicon glyphicon-equalizer"></span>')
		}
	})
}

大家注意 data : '' 这行 ,可以有以下三种写法:


 

1、 data : 'id=8&type=cpu&user=hange'   这种写法的兼容性并不好,可能会接收不到参数 。

2、 data : {id:'8', type:'cpu', user:'hange'}  这种写法比上面的好,推荐使用 。

3、data : {foo:['val1', 'val2']} 这种方法可以传递数组 。

顶一下
(0)
0%
踩一下
(0)
0%
标签(Tag):ajax
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
猜你感兴趣