AJAX

AJAX

​

Asynchronous Javascript And XML                     异步的javaScript 和 xml 

与同步的区别:

同步:客户端必须等待服务器的响应.在等待的期间客户端不能做其他操作.

异步:客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。

AJAX:的特点:

1. Ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。[1]
2. 通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
3. 传统的网页〈不使用Ajax〉如果需要更新内容，必须重载整个网页页面。

JQeury实现方式:

$.ajax()

$.ajax({
		url:"ajaxServlet" ,//请求路径
    	type:"POST" ,//请求方式
    	data:"username=zs&age=19", //请求参数
    	data:{"username":"zs","age":"19"},
       success:function(data){
       		alert(data)
       },//相应成功后的回调函数
       error:function(){
           alert("出错了....")
       },//表示如果请求响应出现错误.会执行的回调函数
    	dataType:"text" //设置接受到的影响数据的格式
})

$.get()

$.get(url,[data], [callback], [type])
  参数 url:请求路径 data:请求参数  callback:回调函数 type:响应结果的类型
  $.get("ajaxServelt",{userNmae:"rose"}.function(data){
          alert(data);
        },"text");

$.post()

$.post(url,[data], [callback], [type])
  参数 url:请求路径 data:请求参数  callback:回调函数 type:响应结果的类型
  $.post("ajaxServelt",{userNmae:"rose"}.function(data){
          alert(data);
        },"text");

JSON: javaScript Object Notation javaScript 对象表示法

格式: var p= {“name”:“张三”, “age”: 23,“gender”:“男”“);

• json现在多用于存储和交换文本信息的语法
• 进行数据的传输
• 本jsoN 比XML更小、更快，更易解析。|I

语法:

1. 基本的规则

• 数据在名称/值对种:json 数据是由键值对构成的

  ​ *键用引号(单双都行)引起来,也可以不使用引号

  ​ *值得取值类型:

  ​ 1.数字(整数或浮点数)

  ​ 2.字符串(在双引号中)

  ​ 3.逻辑值(true 或 false)

  ​ 4.数组(在方括号中)

  ​ 5.对象(在花括号中)

  ​ null

• 数据由逗号分隔:多个键值对由逗号分隔

• 花括号保存对象:使用{}定义json格式

• 方括号保存数组:[ ]

2.获取数据

• json对象.键名
• json对象[“键名”]
• 数组对象[索引]

for in 循环

var person={"name":"张三","age":26,"gender":true}
var ps [{"name":"张三","age":26,"gender":true}
		{"name":"李四","age":26,"gender":true}
		{"name":"王五","age":26,"gender":true}
]
for(var key in person){
	alert(key);
}
 for(int i = 0 ; i<ps.length ; i++){
        var p = ps.[i];
        for(var key in p){
        alert("key" :"p[key]");
    }
}