Java中Ajax学习「建议收藏」

Java中Ajax学习「建议收藏」1.Ajax:异步js和xml异步刷新:如果网页中某一个地方需要修改,异步刷新可以使,只刷新该需要修改的地方,而页面其他中的地方保持不变。例如:百度搜索框,视频的点赞等实现(两种方式):Js:XMLHttpRequest对象XMLHttpRequest对象的方法:open(方法名【提交方式get或者post】,服务器地址,ture【是否选用异步刷新,99%都是ture】):与服务端建立连接send():get: send(null)post: send(参数值)setRequestHe

大家好,又见面了,我是你们的朋友全栈君。

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/156629.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号