标签：ajax col func text window 页面 引用 charset 响应
1：代码主要简单的了解AJAX，AJAX并不是一个新技术，他的作用是减少服务器的负压，同时也在一定程度上满足客户在速度上的要求，
AJAX可以实现局部刷新，而不需要重新加载整个页面，比如iframe标签，可以加载其他页面。
<!DOCTYPE html>
<html>
<head>
<title>AJAX</title>
</head>
<script type="text/javascript">
/*
var a = {deng:‘very good‘,
s:function(){
console.log(‘you are very good‘);
}}
var v = new Object({c:‘dengzao‘});
a.rub = function test(){
console.log(‘执行引用test函数‘);
console.log(v.c);
}
a.rub();
a.s();
*/
window.onerror = function(msg,url,line)
{
alert(‘出错了:\n错误信息‘+msg+‘\n错误url‘+url+‘\n出错位置‘+line)
}
var xhr = new XMLHttpRequest() //创建XMLHttpRequest对象.
//方式2:var xhr = new XMLHttpRequest()
xhr.onreadystatechange= function() //设置readystatechange事件处理函数
/*
readystate属性返回AJAX请求处理状态.
0:请求未初始化
1:服务器连接已建立
2:请求已接受
3:请求处理中
4:请求已完成.
*/
{
console.log(xhr.responseText); //这个部分要等到发送请求后才会有效.
var xh = xhr.responseText;
console.log(xhr.status);//status返回服务器处理HTTP请求的状态码200表示已成功处理.202:请求已接受但未成功处理,400:错误的请求.404:文件未找到,408:请求超时.
console.log(xhr.readystate);
//console.log(xhr.responseXML);
}
//open(‘method‘,‘url‘,asyn,‘username‘,‘password‘)
//asyn:为true即为同步,或false为异步.
xhr.open("GET","https://api.heweather.net/s6/weather/now?location=beijing&key=3846ae59ad0947079d644a184a062a71"
);
//xhr.open("GET","E:/Program Files/Sublime Text 3/a.txt");
//设置请求头
//xhr.setRequestHeader(‘deng-zhao‘,‘text/plain‘,charset=‘UTF-8‘)
//getRequestHeader()方法返回服务器响应的HTTP头参数
//var ctype = xhr.getAllRequestHeaders();
//xhr.abort() 用于停止当前异步请求.
//console.log(ctype);
var c = xhr.send() //发送请求.
var str1 = ‘{ "name": "cxh", "sex": "man" }‘;
//var obj = eval(‘(‘ + str + ‘)‘);
//var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
var obj = JSON.parse(str1); //由JSON字符串转换为JSON对象
//JSON对象:var str2 = { "name": "cxh", "sex": "man" };
alert(obj.name);
//JSON数组
var str=‘[{"name":"cxh","sex":"man"},{"name":"cxh1","sex":"man1"}]‘;
var obj1 = JSON.parse(str);
console.log(obj1);
console.log(obj1[0].name)
</script>
<body>
</body>
</html>
标签：ajax col func text window 页面 引用 charset 响应
原文地址：https://www.cnblogs.com/1314bjwg/p/12497463.html
