ajax

|▌冷眼眸甩不掉的悲伤 提交于 2019-12-20 02:40:32

定义;前端向后段去取收据的技术;异步的服务器发送请求;
**定时器也是异步的,都是主线程先走,然后再走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中只能建立文本格式,也就是字符串;

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!