Ajax基础1
Posted distant-遥远
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Ajax基础1相关的知识，希望对你有一定的参考价值。
编写Ajax
创建Ajax对象
ActiveXObject("Microsoft.XMLHTTP")
XMLHttpRequest()
连接服务器，
open(方法，文件名，异步传输)
同步和异步
发送请求
send（）
请求监控状态
onreadystatechange事件
-readystate属性，请求状态
0（未初始化）还没有调用opend（）方法
1（载入）已调用send（）方法，正在发送请求
2（载入完成）send（）方法完成，已收到全部响应内容
3（解析）正在解析响应的内容
4（完成）响应的内容解析完成，可以在客户端调用了
status属性，请求结果
responseText
Ajax数据
数据类型，
什么叫数据类型，----英文，中文
XML，Json
字符集
所用的文字符集相同
本节知识点
如何创建ajax对象
oBtn.onclick=function () { //1.创建ajax对象 //IE6以上 /*var oAjax=new XMLHttpRequest(); alert(oAjax);*/ //IE6 /*var oAjax=new ActiveXObject("Microsoft.XMLHTTP"); alert(oAjax);*/ var oAjax=null; if(window.XMLHttpRequest) { oAjax=new XMLHttpRequest(); } else { oAjax=new ActiveXObject("Microsoft.XMLHTTP"); } //2.连接服务器 //open(方法, url, 是否异步) oAjax.open(\'GET\', \'abc.txt\', true); //3.发送请求 oAjax.send(); //4.接收返回 //OnReadyStateChange oAjax.onreadystatechange=function () { if(oAjax.readyState==4) { if(oAjax.status==200) { alert(\'成功：\'+oAjax.responseText); } else { alert(\'失败\'); } } }; }; }; </script> </head> <body> <input id="btn1" type="button" value="读取文件" /> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script> /*var a=12; alert(a);*/ /*function show() { alert(\'a\'); } window.show();*/ //var a=12; //用一个不存在的变量：出错 //用一个不存在的属性：undefined alert(window.a); alert(a); </script> </head> <body> </body> </html>
如何连接服务器
如何发送请求
ajax用来监控请求状态的事件是什么，分几个阶段，如何获取返回值？
以上是关于Ajax基础1的主要内容，如果未能解决你的问题，请参考以下文章
html PHP代码片段： - AJAX基本示例：此代码演示了使用PHP和JavaScript实现的基本AJAX功能。
[vscode]--HTML代码片段（基础版，reactvuejquery）