前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Java中Ajax学习「建议收藏」

Java中Ajax学习「建议收藏」

作者头像
全栈程序员站长
发布2022-09-15 08:37:09
4170
发布2022-09-15 08:37:09
举报
文章被收录于专栏:全栈程序员必看

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

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.

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

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

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年7月7,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档