定义;前端向后段去取收据的技术;异步的服务器发送请求;
**定时器也是异步的,都是主线程先走,然后再走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.渲染数据到页面上
** get和post的区别?
get比post更快更简单,如果没有任何要求的情况下,用get;
但是在以下几种情况下要用post:
1.发送大量数据的时候;
2.发送的数据包含未知的用户输入的时候;表单元素input,更安全更稳定
3.请求转发,请求缓存的时候,用post
post在第二步时,需要设置请求头
xmlhttp.setRequstHeader(“Content-Type”,“application/x-www-fore.urlencoded’”)
xmlhttp.send("name=“+hobby.value); (这一步,变量不能需要用字符串拼接)
** php中只能建立文本格式,也就是字符串;
来源:CSDN
作者:alex_frontend
链接:https://blog.csdn.net/alex_frontend/article/details/103574351