ajax

最新推荐文章于 2024-06-20 09:53:57 发布

alex_frontend

最新推荐文章于 2024-06-20 09:53:57 发布

阅读量89

点赞数

本文链接：https://blog.csdn.net/alex_frontend/article/details/103574351

版权

定义；前端向后段去取收据的技术；异步的服务器发送请求；
**定时器也是异步的，都是主线程先走，然后再走ajax，定时器
请求数据，不影响主页面；

接口：他就是一份文档，数据怎么取，在哪里，取过来怎么用；

ajax核心对象：需要考虑其他浏览器和ie低版本

其他浏览器：XMLHttpRequest
ie低版本：ie6，XMLHTTP

使用ajax步骤：

1.创建ajax核心对象

var xmlhttp
if(window.XMLHttpRequest){
xmlhttp=new.XMLHttpRequest()
}else{
xmlhttp=new ActivexObject(“Microsoft.XMLHTTP”)
}

2.向服务器创建请求,open(请求方式，请求地址，是否异步），
请求方式 get post

xmlhttp.open(“get”,“my.PHP”,true)

3.发送请求参数(格式必须是key=value形式的字符串)，如果有多个请求参数，以&连接
post请求的请求参数是写在send方法里面；
get请求的请求参数写在请求地址后面，以“？”连接

xmlhttp.send(“user=290605836&password=123456789”)

如果是get的请求方式：
xmlhttp.open(“get”,“my.PHP？user=290605836&password=123456789”,true)
然后
xmlhttp.send(null);(这是get方式的第三步)

**post方式更安全，因为看不到

4.接受响应

1）readyState（请求的状态码）
0（初始化），1（正在发送请求），2（请求完成），3，正在响应 4.响应完毕

2）status（服务器端返回的状态码）是否成功了

404（找不到页面），200（成功了），

**事件触发：onreadystatechange
**xmlhttp.responseText 拿到服务器端返回的文本格式的数据

语法：xmlhttp.onreadystatechange=function（）{
if(xmlhttp.readyState4&&xmlhttp.status200){
var data=xmlhttp.responseText;（拿到了数据，存在data变量里面)
----------------------以上是ajax操作的标准流程，下面就是数据处理的，dom操作过程；）

}

** 项目是存在服务器中的，服务器是用来存数据的，每个服务器都有一个专属ip，每个ip会绑定一个域名（解析），这样就可以让别人访问了；其实是访问服务器的ip地址

**xampp用来自建服务器

**IP地址：192.168.1.1

然后买域名，然后域名和IP绑定；

DNS Domin Name Systen 域名解析系统

完成的域名：（协议） http/https/ftp(网络上传协议)+域名+端口号（域名下的不同应用）（3306 数据库端口，80网页端口）+路径（类似css 访问路径，用斜杠）

项目上线：1.把项目放在服务器上
具体操作：（在c盘中找xampp文件htdocs，把文件粘贴在根目录里面）
2.通过服务器的ip地址访问项目；
具体操作：127.0.0.1（电脑本机ip地址）

2。写一个后端的文件：

创建php：也罢后端文件放在服务器上面

正常流程：数据在数据库内，后端用sql语句在数据库调用数据，再输出数据；前端再调用后端调用的数据；

正常步骤：1.发请求 2.拿数据 3.渲染数据到页面上