AJAX
Posted calm寻路人
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了AJAX相关的知识，希望对你有一定的参考价值。
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(‘出错了: 错误信息‘+msg+‘ 错误url‘+url+‘ 出错位置‘+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的主要内容，如果未能解决你的问题，请参考以下文章