Ajax交互扩展(一)

这篇博客介绍了jQuery中用于Ajax交互的简便方法,包括$.get(), $.post()和$.getJSON()。$.get()用于发送GET请求,$.post()用于发送POST请求,两者都可用于异步数据验证。$.getJSON()专门用于获取JSON格式的数据,简化了处理JSON响应的过程。文章通过实例展示了这些方法的使用和它们与$.ajax()方法的比较。" 126804897,7597062,Linux后台作业管理:从nohup到top命令,"['Linux运维', 'bash', '系统管理']
摘要由CSDN通过智能技术生成

除了$.ajax()方法外,JQuery还提供了其他多种更简单的Ajax实现方法,如 $.get(), $.post(). $.getJSON(),对象.load()等方法。

$.get()方法和 $.post()方法

$.get()方法

$.get()方法是jQuery封装的发送HTTP GET请求从服务器加载数据的Ajax方法,具体语法如下。
语法:

$.get(url[,data][,success][,dataType]);

该方法的详细如下:

参数 类型 说明
url String 必选,规定将请求发送到哪个URL
data PlainOBject 或 String 可选,规定连同请求发送到服务器的数据
success Function(PlainObject data,String textStatus,jqXHR jqxhr) 可选,请求成功后调用的参数,参数data可选:可选,服务器返回的结果数参数textStatus :可选,描述请求状态的字符串 参数:jqxhr:可选,jqXHR 是XMLHttpRequest 的超集,如果指定了dataType,则必须提供此参数。如果没有事情需要处理,可以使用null 或jQuery.noop()空方法占位符
dataType String 可选,预期服务器返回的数据类型,可用类型有XML,HTML,SCRIPT,JSON,JSONP,Text

了解$.get()方法的常用参数,接下来就以实现用户名验证功能为例,对比 $.ajax()方法,使用 $.get()方法实现Ajax异步验证用户名。

$(document).ready(function(){
   
	$("#name").blur(function(){
    //用户名文本框失去焦点事件
		var name=this.value;
		if(name==null||name==""){
   
			$("#nameDiv").html("用户名不能为空");
		}else{
   
			$.get("userServlet","name="+name,callBack);//发送请求 callBack不能省
			
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值