jQuery对ajax的封装之$.ajax()的使用(一)

$.ajax()方法,用法为$.ajax({}),**{}**是用来描述请求选项参数的对象(必须有),其选项参数如下:
  1)url:请求地址
  2)data:请求参数(根据实际情况选用),有两种格式:
    ①请求字符串,比如”adminCode=cxd”
    ②对象格式,比如:{“adminCode”:”cxd”}
  3)type:请求类型(get/post)
  4)dataType:服务器返回的数据类型:
    ①text:文本数据
    ②json:json字符串(会自动将json字符串转为js对象)
    ③html:html文档
    ④xml:xml文档
    ⑤script:js脚本
  5)success:用于绑定事件处理函数,服务器处理正常时,处理服务器返回的数据
  6)error:用于绑定事件处理函数,服务器处理异常时,处理服务器返回的数据

使用ajax请求实现登录功能,示例如下:

//开始发送ajax请求
$.ajax({
	url:path+"/user/login.do",
	type:"post",
	data:{"name":name,"password":password},
	dataType:"json",
	//此处的result就是上面返回的json结果,可直接使用
	success:function(result){
		//result是服务器返回的json结果,这儿需自己写相应处理
		if(result.status==0){
			//登录成功时
			//将用户信息存入cookie,有效期2h
			var userId = result.data.cn_user_id;
			addCookie("userId",userId,2);
			//成功则跳转到主页
			window.location.href = "edit.html";
		}else if(result.status==1){
			//用户名不存时
			$("#count_span").html(result.msg);
		}else if(result.status==2){
			//密码错误时
			$("#password_span").html(result.msg);
		}
	},
	error:function(){
		alert("登录失败!");
	}
});	

以上便是$.ajax()的使用说明,注意与$obj.load()的使用(可见后一篇文章),其都是对ajax做的封装
有不懂的可以问,互相交流

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值