核心: ajax核心:var xmlhttp = new XMLHttpRequest();,核心是对象, 优点: 在不重新加载页面的情况下更新网页 在页面已加载后从服务器请求数据 在页面已加载后从服务器接收数据 在后台向服务器发送数据
这些优点是吧,那这些谁来做? 你可能不明白我的意思?我说的是
更新网页 从服务器请求数据 从服务器接收数据 向服务器发送数据谁来做? 条件是什么?在不重新加载页面(加载等于个人理解是运行差不多的意思把) 在页面已加载后(运行成功后) 在页面已加载后(运行成功后) 问题来了,运行是什么? 运行个人理解是执行 在后台 在什么情况下能做? 问题来了条件已经有了,那谁来做? var xmlhttp = new XMLHttpRequest(); 来做这些事情懂?兄dei xmlhttp.onreadystatechange = function() { }; 在什么条件在执行这个事件呢? onreadystatechange是在什么条件下才执行的呢 这个条件是根据状态的状况来执行的,也就是英文readyState !!!记住,这些都是状态啊,状态,监测的状态啊!!!,记住这些都是属于看的方式,不是动的方式哈 0: 看到请求未初始化 意思(我看到的哈)我看到了我老爸,老爸想借钱应急,但是还没有开口呢 1: 看到服务器连接已建立 意思是(我看到的哈)核心是连接,也就是我们要有关系才能做任何事你说是吧状态(有关系才能借钱你说说是吧) 2: 看到请求已接收 意思是(我看到的哈)我老爸跟他朋友说了,并且那个我老爸的朋友已经知道了 3: 看到请求处理中//(我看到的哈)我老爸的朋友说我想一想,比较数额较大 他说我想一想状态 4: 看到请求已完成,且响应已就绪//(我看到的哈)我老爸的朋友决定借给我老爸一百万,已经打过去钱了,老爸还没有看短信呢
核心状态代表看1,不是动,动是函数啊啊啊 然后我说OK可以 或者我说 404: 未找到页面 我已经不需要了,兄dei,谢谢啦 记住了哈,上面这些都是状态哈,不是他们这些01234链接的啊,他是看链接成没成功的哈,状态懂吗?状态啊 动是函数来动,opensend函数啊啊啊
正所谓有正就有反是吧 status 200: “OK”
404: 未找到页面
其实readyState就是一个过程什么过程 (电脑–服务器—)电脑 而status是电脑–服务器—(电脑) 看括号,兄dei if (this.readyState == 4 && this.status == 200) 是代表发信息给你了,并且你接受到了说了OK 谢谢你啦兄dei xmlhttp.open(“GET”, “http://www.8939.org/json/json_demo.txt”, true); 是意思是以什么方式发送,是get不安全方式也就是看得到的方式还是加密的方式呢,url是http://www.8939.org/json/json_demo.txt true是代表异步 异步请求就当发出请求的同时,浏览器可以继续做任何事,Ajax发送请求并不会影响页面的加载与用户的操作,相当于是在两条线上,各走各的,互不影响。(跟我一样,不管那么多的啊)
json核心:
JSON.parse() 方法用于将一个 JSON 字符串转换为对象。 已经变成对象了myobj 然后是里面的属性是name输出即可!
this.responseText返回到我的电脑的数据啊 document.getElementById(“demo”).innerHTML=myobj.name; json数据 : [ “Google”, “Runoob”, “Taobao” ]
我待会会发到csdn上!
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JSON.parse()</title> </head> <body> <h2>使用 XMLHttpRequest 来获取JSON数据</h2> <div id="demo"></div> <script type="text/javascript"> var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { //返回数据 this.responseText myobj = JSON.parse( this.responseText) document.getElementById("demo").innerHTML=myobj.name; } }; xmlhttp.open("GET", "http://www.8939.org/json/json_demo.txt", true); xmlhttp.send(); </script> </body> </html>
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JSON.parse()</title> </head> <body> <h2>使用 XMLHttpRequest 来获取JSON 数组</h2> <div id="demo"></div> <script type="text/javascript"> var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { //返回数据 this.responseText myobj = JSON.parse( this.responseText) document.getElementById("demo").innerHTML=myobj[0];//第一个啊懂吗?!!! } }; xmlhttp.open("GET", "http://www.8939.org/json/json_demo_array.txt", true); xmlhttp.send(); </script> </body> </html>
json:[ “Google”, “Runoob”, “Taobao” ]