Question

谁能写个能够完整运行的AJAX的先创建XMLHttpRequest对象，后调用方法，最后提示信息这种的代码？

就是不知道AJAX使用来干什么的，因为我在w3school网站上看了些关于AJAX的教程，然后也在其他网站上看了很多教程，也知道，创建AJAX对象并调用他的方法，就是没有成功过~汗！所以，请教各位大神，能否给出一个能够完整运行的“能够完整运行的AJAX的先创建XMLHttpRequest对象，后调用方法，最后提示信息“这种的代码？希望每一句代码都加上注释，那就perfect了，这样我能学习到AJAX的用法，弥补缺漏，并能较直观的了解到其作用效果。谢谢！

Answer 1

其实你可以无视XML这玩意直接用jQuery.ajax

作用就是请求网络上特定资源, 比如天气啊, 搜索框提示啊什麽的

var X = new XMLHttpRequest
X.open('GET',location.href,true)//异步GET方式打开一个目标为当前页面URL的资源
X.onreadystatechange = function()
{
	alert('ReadyState : ' + X.readyState)
	if (4 == X.readyState)
	{
		alert('请求完成, 返回Status : ' + X.status)
		if (200 == X.status)
		{
			alert('请求状态正确')
			console.log(X.responseText)
		}
	}
}
X.send()//发送请求

追问

能不能写个请求到了天气，然后在网页上显示来已请求到天气的代码？我已经深刻知道了AJAX的强大作用，现在就是想要来个实际例子了，我把你的代码中open改了下url地址，指向的是360的天气，但是没有显示出来，这是怎么回事？请求资源后怎么让他实实在在的显示出来为我们所用？

追答

你随便找url填会牵扯跨域问题, 一般用JSONP解决

随便找了个支持跨域的API

var X = new XMLHttpRequest
X.open('GET','http://api.openweathermap.org/data/2.5/weather?id=5128581',true)
X.onreadystatechange = function()
{
if (4 == X.readyState && 200 == X.status)
{
var Q = JSON.parse(X.responseText),R = ''
R += Q.name + '\n' +
'温度 : ' + Q.main.temp + '\n' +
'风速 : ' + Q.wind.speed
document.getElementsByTagName('body')[0].appendChild(document.createTextNode(R))
}
}
X.send()

追问

在w3school上测试了，没反应是怎么回事？
X.open('GET','http://api.openweathermap.org/data/2.5/weather?id=5128581',true)能否解释url参数

追答

这是坑爹的百度编辑器的锅...
你把url参数换成
http://api.openweathermap.org/data/2.5/weather?id=5128581
就好

Answer 2

胖客户端。。。。。。。要有WEB服务器端，才能访问

~~~~~~~~~~~~~