关于ajax的介绍使用

什么是AJAX

AJAX（Asynchronous Javascript And XML）翻译成中文就是"异步Javascript和XML"。
在传统的客户端和服务器交互中，大多是同步交互，服务器响应时，必需重载整个网页面。
而在AJAX中，可以异步的向服务器发请求，与后台服务器进行少量数据交换，最终将服务器响应的结果响应在页面上。由于这一过程是"偷偷进行"的，用户完全感觉不到向服务器发送了请求，最终的响应结果，也没有令整个页面刷新，而仅仅是对网页的某部分进行更新。
总结一句话，使用AJAX可以实现"异步请求，局部刷新"的效果。

jQuery实现AJAX

url – 发送请求的URL地址
type – 可选，请求方式，默认为"GET"。
async – 可选，默认为true，表示异步交互
data – 可选，发送至服务器的key/value数据 { “key” : “value” }
dataType – 可选，服务器响应数据的类型，默认是responseXML或responseText，其中可用的数据类型有：
json：返回JSON数据。
xml：返回XML文档，可用JS或jQuery处理。
text：返回纯文本字符串。
html：返回纯文本HTML内容，包含的script标签会在插入DOM时执行。
…
success – 可选，请求成功后执行的函数，function(result){…}，函数参数:
result – 服务器返回的数据

代码示例：

$.ajax({
"url" : "/ajax/AjaxCheckUsername", 
路径也可拼接Id等数据..
(例-"url" : "/day08_ajax/AjaxCheckUsername"+$ ("demo").val();)
"type" : "POST",
"data" : {"username" : username},
"success" : function(result){
	alert("ajax："+result );
}
"error": function (jqXHR) {
           alert("发生错误"+jqXHR.status)
       }
});

关于data

var data = {};			
		/** 风险点名称 */
		data["riskName"] = $("#riskName").val();
		/**公司ID*/
		data["riskComponeyId"] = $("#riskComponeyId").val();
		/*工区*/
		data["riskWorkAreaId"] =$("#riskWorkAreaId").val();
		/*班组*/
		data["riskTeamId"] =$("#riskTeamId").val();
		/*风险类型ID*/
		data["riskClassify"] =$("#riskClassify").val();
		相当于手动获取值，转为json串存入data里面

关于url

路径也可拼接Id等数据.
“url” : “/AjaxCheckUsername?parentId=”+$("#parentId").val()+"&name=zz&age=20"

关于Controller接收值的问题

直接用对象接受就行，简单粗暴。