微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Java中Ajax学习

1.Ajax:异步js和xml
异步刷新:如果网页中某一个地方需要修改,异步刷新可以使,只刷新该需要修改的地方,而页面其他中的地方保持不变。
例如:百度搜索框,视频的点赞等

实现(两种方式):
Js:
XMLHttpRequest对象
XMLHttpRequest对象的方法
open(方法名【提交方式get或者post】,服务器地址,ture【是否选用异步刷新,99%都是ture】):与服务端建立连接
send():
get: send(null)
post: send(参数值)
setRequestHeader(hearer,value):
get:不需要设置此方法(可以直接删掉)
post:需要设置:
a.如果请求元素中包含了 文件上传
setRequestHeader(“Content-Type”,”multipart/form-data”);
b.如果不包含了 文件上传
setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded ”);
XMLHttpRequest对象的属性
readyState:请求状态(0.1.2.3.4) 只有状态为4 代表请求完毕
status:响应状态(200.400.403.404.500) 只有200代表响应正常
onreadystatechange:回调函数
responseText:响应格式为String
reponseXML:响应格式为XML

Jquery:推荐(套路写法)(两种写法)
1.

$.ajax({
	url:服务器地址,
	请求方式:get|post,
	data:请求数据,
	success:function(result,testStatus)
	{
	/* 例子*/
	if(result == “ture”){
		alert(“已经存在!注册失败”);
	}else{
		alert(“注册成功”);
		}	 	
	},
	error:function(xhr,errrorMessage,e){
		alert(“系统异常”);
	}
});

2.(内容顺序严格遵循,不能变动)

$.get(
	服务器地址,
	请求地址,
	function(result){
	},
	预期返回值类型(string/xml)(“xml”或”json”或”text”)(可以不写)
); 
$.post(
	服务器地址,
	请求地址,
	function(result){
	},
	预期返回值类型(string/xml)(“xml”或”json”或”text”)
);
$(“#tip”).load(/*jq选择器,load:将服务端的返回值直接加载到$(xxx)所选择的元素中*/
	服务器地址,
	请求地址
	/*可以有这个,但是一般来说都省了
	function(result){
	}
	*/
);
$getJSON(
	服务器地址,
	JSON格式的请求数据,
	function(result){
	}
) ;

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐