1. 创建核心对象
//1.创建核心对象
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
2. 建立连接
xmlhttp.open("GET","ajaxServlet?username=tom",true);
3. 发送请求
xmlhttp.send()
4. 接收数据
xmlhttp.onreadystatechange=function()
{
//判断readyState就绪状态是否为4,判断status响应状态码是否为200
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
//获取服务器的响应结果
var responseText = xmlhttp.responseText;
alert(responseText);
}
}
3. 能够使用jQuery的$.ajax()进行访问
javascript
$.ajax({
url:"ajaxServlet1111" , // 请求路径
type:"POST" , //请求方式
//data: "username=jack&age=23",//请求参数
data:{"username":"jack","age":23},
success:function (data) {
alert(data);
},//响应成功后的回调函数
error:function () {
alert("出错啦...")
},//表示如果请求响应出现错误,会执行的回调函数
dataType:"text"//设置接受到的响应数据的格式
});
4. 能够使用jQuery的$.get()进行访问
5. 能够使用jQuery的$.post()进行访问
- 语句:
- $.get(url, [data], [callback],[type])
$.post(url, [data], [callback], [type])
$.get("ajaxServlet",{username:"rose"},function (data) {
alert(data);
},"text");
6. 能够掌握json的对象&数组数据格式
- 数据在名称/值对中
- 数据由逗号分隔
- 花括号保存对象
- 方括号保存数组
- 注意:所有的key都用引号:
“key”:value
"key":{}
"key":[{},{},{}]
- 优点:体积小,速度快,解析快
7. 能够使用json转换工具Jackson进行json格式字符串的转换
jackson:核心对象:ObjectMapper
- writeValue(writer,obj)
- writreValueAsString |
|