xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
//2. 建立连接
/* 参数:
- 请求方式:GET、POST
-
get方式,请求参数在URL后边拼接。send方法为空参
-
post方式,请求参数在send方法中定义
-
请求的URL:
-
同步或异步请求:true(异步)或 false(同步)
*/
xmlhttp.open(“GET”,“ajaxServlet?username=tom”,true);
//3.发送请求
xmlhttp.send();
//4.接受并处理来自服务器的响应结果
//获取方式 :xmlhttp.responseText
//什么时候获取?当服务器响应成功后再获取
//当xmlhttp对象的就绪状态改变时,触发事件onreadystatechange。
xmlhttp.onreadystatechange=function()
{
//判断readyState就绪状态是否为4,判断status响应状态码是否为200
if (xmlhttp.readyState4 && xmlhttp.status200)
{
//获取服务器的响应结果
var responseText = xmlhttp.responseText;
alert(responseText);
}
}
JQuery实现方式:
1. $.ajax()
语法:$.ajax({键值对});
//使用$.ajax()发送异步请求
$.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”//设置接受到的响应数据的格式
});
2. $.get():发送get请求
语法:$.get(url, [data], [callback], [type])
,参数:
-
url:请求路径
《一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义》
【docs.qq.com/doc/DSmxTbFJ1cmN1R2dB】 完整内容开源分享
data:请求参数
-
callback:回调函数
-
type:响应结果的类型
3. $.post():发送post请求
语法:$.post(url, [data], [callback], [type])
,参数:
-
url:请求路径
-
data:请求参数
-
callback:回调函数
-
type:响应结果的类型
==================================================================
概念: JavaScript Object Notation
JavaScript对象表示法:
Person p = new Person();
p.setName(“张三”);
p.setAge(23);
p.setGender(“男”);
var p = {“name”:“张三”,“age”:23,“gender”:“男”};
-
json现在多用于存储和交换文本信息的语法
-
进行数据的传输
-
JSON 比 XML 更小、更快,更易解析。
JSON基本语法:
json格式的数据要求:
-
数据在键/值对中:json数据是由键值对构成的
-
键用引号(单双都行)引起来,也可以不使用引号
-
数据由逗号分隔:多个键值对由逗号分隔
-
花括号保存对象:使用{}定义json 格式
-
方括号保存数组:[]
{
“id” = 1,
“username” = “zhangsan”,
“password” = ‘123456’,
“name” = “张三”
}
json值得取值类型:
-
数字(整数或浮点数)
-
字符串(在双引号中)
-
逻辑值(true 或 false)
-
数组(在方括号中) {“persons”:[{},{}]}
-
对象(在花括号中) {“address”:{“province”:“陕西”…}}
-
null
获取json数据:
-
json对象.键名
-
json对象["键名"]
-
数组对象[索引]
-
遍历
//1.定义基本格式
var person = {“name”: “张三”, age: 23, ‘gender’: true};
var ps = [
{“name”: “张三”, “age”: 23, “gender”: true},
{“name”: “李四”, “age”: 24, “gender”: true},
{“name”: “王五”, “age”: 25, “gender”: false}
];
//获取person对象中所有的键和值
//for in 循环
for(var key in person){
alert(key+":"+person[key]);
}
//获取ps中的所有值
for (var i = 0; i < ps.length; i++) {
var p = ps[i];
for(var key in p){
alert(key+":"+p[key]);