AJAX笔记

AJAX

l  什么是AJAX（Asynchronous JavaScript and XML(异步的javaScript 和 XML)）

  • Ø 局部刷新技术：通过js方式请求后台，获取数据，然后利用DOM技术更新页面元素，达到更新局部页面
  • Ø 常用于用户名验证

l  核心对象：XMLHttpRequest

  • Ø 获取服务器的响应：responseText

 

当发送get请求时，如果不希望服务器返回缓存的数据，可以在地址栏后随机拼接参数，因此走不走缓存，浏览器和服务器是根据请求的地址是否一致来进行判断的！

 

post请求需要在请求头中添加Content-Type：

 

l  AJAX封装（会用就行）

1)     导包：

 　　

 

2)     页面引入ajax.js

<script type=”text/javaScript”  src=”js/ajax.js” >< /script>

3)     使用示例

 1 // get请求示例
 2 
 3 ajax({
 4 
 5   url: "/web25/checkUsername?username=" + username.value,
 6 
 7   success: function(result) {
 8 
 9     var msg = document.getElementById("username_msg");
10 
11     if ( result > 0 ) {
12 
13       msg.innerHTML = "该用户名已经被注册！";
14 
15       msg.style.color = "red";
16 
17     } else {
18 
19       msg.innerHTML = "可以使用！";
20 
21       msg.style.color = "green";
22 
23     }
24 
25   }
26 
27 });
28 
29  
30 
31 // post请求示例
32 
33 ajax({
34 
35   url: "/web25/checkUsername",
36 
37   type: "post",
38 
39   //async: false,
40 
41   data: "username=" + username.value,
42 
43   success: function(result) {
44 
45     var msg = document.getElementById("username_msg");
46 
47     if ( result > 0 ) {
48 
49       msg.innerHTML = "该用户名已经被注册！";
50 
51       msg.style.color = "red";
52 
53     } else {
54 
55       msg.innerHTML = "可以使用！";
56 
57       msg.style.color = "green";
58 
59     }
60 
61   }
62 
63 });

 

l   JSON ★★★★★

  • Ø Json本质：特殊格式的字符串
  • Ø 作用：完成前台和后台的复杂数据交换的中间桥梁

l JSON和JS相互转换

1)    JSON转JS: JSON.parse(“json串”)

2)    JS转JSON: JSON.stringify(js对象)

l JSON与JAVA对象的相互转换

1)    导包：

 　　

2)    转换：

a)      Java对象转json:   Gson gson = new Gson();

Gson.toJson(xxx);

posted @ 2019-08-03 10:24  啊湫的标准大横按  阅读(95)  评论(0)    收藏  举报