ajax基础知识

$.ajax() 方法常见参数属性

$.ajax({
	url: ...,
	method: ...,
	contentType: ...,
	data: ...,
	dataType: ...,
	success : function(result) { ... }
});
属性名类型说明
urlstring所请求的 URL
methodstring请求方式
contentTypestring所发送的参数数据的格式/类型,默认值为: application/x-www-form-urlencoded
datastring所发送的参数数据
dataTypestring(预期的)服务器返回的数据格式/类型
successfunction成功收到服务器回的数据之后执行的回调函数
对于 get 请求

contentType: 忽略(即使用默认值)。
data: 可忽略,因为 get 请求的参数通常是拼接在 URL 之后。

	 var parentId=$("#p").val();
	 $.ajax({
		url:'/sxnd-erp/api/cat/'+parentId,
		type:'get',
		dataType:'json',
		success:function(data){
			var t="<option value='0'>----二级标题----</option>";
			for(var i=0;i<data.rows.length;i++){
				t+="<option value="+data.rows[i].id+">"+data.rows[i].name+"</option>";
			}
			$("#c").html(t);
		 },
		error:function(data){
			alert("二级标题!");
		 }
	})

对于 post 的普通请求

method : post
contentType: 忽略(即使用默认值)
data: 格式为 key1=val1&key2=val2&key3=val3&… 如此键值对的形式

对于 post 的 json 请求

method : post
contentType: application/json 表示传递的参数是 json 格式的字符串,而非传统形式。
data: JSON.stringify(obj) ,一个符合JSON格式规则的字符串,通常是直接来自 jOSN 对象。
dataType
dataType 是预期的服务器回的数据的格式。例如有: text/html (默认值,表示是 HTML格式的字符串)和 application/json (表示是 JSON 格式的字符串).

	$.ajax({
		url:'/sxnd-erp/api/cat',
		type:'post',
		data:{'id':parentId},
		dataType:'json',
		success:function(data){
			var t="<option value='0'>----三级标题----</option>";
			for(var i=0;i<data.rows.length;i++){
				t+="<option value="+data.rows[i].id+">"+data.rows[i].name+"</option>";
			}
			$("#a").html(t);
		 },
		error:function(data){
			alert("三级标题!");
		 }
	})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值