AJAX json

json对象

//构造函数来封装数据
	function Student(name,age){
		this.name=name;
		this.age=age;
		this.eat=function(){
			alert("吃饭")
		}	
	}

    //JS中的JSON对象
	//JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。
	//JS 中的JSON对象的语法
	var person={"name":"张三","age":23,"sex":"男","falg":true,"eat":function(){
		alert("吃饭");
	}};

json对象的使用：
//定义JSON对象
	var person = {
		"name": "张三",
		"age": 24
	}
	//alert(person.name);

	//定义JSON字符串:
	//var student ="{'name':'name','age': 24}"; //错误的JSON字符串格式
	//注意：JSON字符串，外面用单引号引起来，里面键用双引号引起来。
	var student = '{"name": "张三","age": 24}';
	//alert(student.name);
	//JSON字符串转换成JSON对象
	var s = JSON.parse(student);
	alert(s.age);
	//前台给后台提交数据时，会以JSON字符串来提交给后台

注意：
//JSON对象转换为JSON字符串
	//JSON字符串是紧凑格式，不要弄成漂亮的格式,会无法转换
	var jsonStr = JSON.stringify(person2);
	alert(jsonStr);

AJAX

/* 什么是 AJAX ？
	AJAX = 异步 JavaScript 和 XML。
	
	AJAX 是一种用于创建快速动态网页的技术。
	
	通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。
	
	传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。
	
	有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。
 */
	//1.创建 异步请求对象
	var xmlhttp;
	xmlhttp = new XMLHttpRequest();
	//2.向服务器发送请求
	//如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：
	//3.发送请求
	/* 
	method：请求的类型；GET 或 POST 
	url：文件在服务器上的位置 ，后台接口地址
	async：true（异步）或 false（同步） */

	xmlhttp.open("GET", "http://wthrcdn.etouch.cn/weather_mini?city=西安", true);
	xmlhttp.send();

	//3.服务器响应
	//如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
	//在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。
		//当 readyState 等于 4 且状态为 200 时，表示响应已就绪：
	
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
			//4.如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText;
			var jsonStr=xmlhttp.responseText;
			//console.log(jsonStr);
			//把JSON字符串，解析成JSON对象
			var obj=JSON.parse(jsonStr);
			//alert(obj.data.city);
			document.getElementById("myDiv").innerHTML=obj.data.city;
		}
	}

bj.data.city);
document.getElementById(“myDiv”).innerHTML=obj.data.city;
}
}