JavaWeb笔记--Ajax

Ajax : 异步js 和xml

  (异步刷新：只刷新需要修改的地方，而其他地方保持不变)

实现：

1.js：XMLHttpRequest对象（了解）

 1.1XMLHttpRequest对象的方法：

	1.1.1 open(方法名（提交方式get|post）,服务器地址,true(是否异步刷新)):与服务端链接
	1.1.2 send():
		get:    send(null)
		post:  send(参数值)
	1.1.3 setRequestHeader(header,value):
		get:不需要设置此方法
		post:	
			(1) 请求包含文件上传时：
				setRequestHeader("Content-Type","multipart/form-data"):
			(2) 不包含时：
				setRequestHeader("Content-Type","application/x-www-form-urlencoded"):

 1.2 XMLHttpRequest对象的属性：

	readystate: 请求状态，共五种（0-4），4为请求完毕
	status：	  响应状态，200为正常
	onreadystatechange: 回调函数
	responseText/responseXML：响应格式为String/XML

2.jquery（推荐） 导入包 jquery-3.3.1.js

 2.1 ajax的方式

	$.ajax({
		url:服务器地址
		type：get|post
		data:请求数据

	success:function(result,testStatus){ }		//result服务端的返回值，testStatus服务器返回状态 --可不写
	error:function(xhr,errrorMessage,e){ }
	})	

 2.2 get|post的方式

	$.get|post(
		服务器地址,
		请求数据,
		function(result){ },
		预期返回值类型(text/xml/json)		//可选
	);

 2.3 load的方式

	$(xxx).load(
		服务器地址,
		请求数据
	);

//load:将服务端的返回值，直接加载到$(xxx)所选择的元素中

 2.4 使用JSON的方式（传递的是JSON对象）

	$.getJSON(
		服务器地址,
		JSON格式的请求数据,
		function(result){

		}
	)