1、梳理知识点
php操作mysql
步骤 :
连接数据源
选择数据库
设置字符编码
编写sql语句
执行sql语句 mysql_query() mysql_fetch_array()
返回执行结果
客户端向服务器传递数据方式 :
表单提交数据
超链接路径传递参数
ajax
2、ajax
什么是ajax : 异步的JavaScript and xml ( JavaScript 和可扩展标记语言) 在向服务器提交少量的数据时,可以使用ajax实现 提高程序的执行效率
作用 : 实现整个页面无刷新(局部刷新)
ajax最大特点--页面无刷新 提高用户体验
ajax使用场景 : 验证用户名的唯一性 百度搜索智能联想
3、ajax工作原理
4、异步和同步
异步 : 同时执行 (生活中的同步) 发短信 统筹
异步---非阻塞模式 前面的代码不会影响后面代码的执行
同步 :顺序执行 (生活中的异步)
同步---阻塞模式 前面的代码会影响后面代码执行
5、ajax获取或向服务器发送数据步骤
ajax步骤:
1、需要一个ajax对象 XMLHttpRequest
if( window.XMLHttpRequest ){
var ajax = new XMLHttpRequest();
}else{
var ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
2、建立和服务器的连接
ajax. open("get",url,true)
三个参数
第一个参数 :请求数据的方式 get/post
get 路径传值 数据量小
post 非路径传值 数据量大
第二个参数 : 路径 url 服务器文件的路径
第三个参数 : 异步true / 同步false 默认是异步 (可以省略)
3、向服务器发送数据
ajax.send()
4、服务器处理数据 并返回结果(异步)
ajax.onreadystatechange = function(){
if( ajax.readyState==4 && ajax.status == 200 ){
oDiv.innerHTML = ajax.responseText;
}
}
服务器返回的结果 在 responseText 属性中
通过 onreadystatechange 状态改变事件 获取服务器处理的结果
注意 : 一定要对 【状态值 ( readystate==4 ) 和 状态码 ( status==200 ) 】进行判断
ajax状态值说明:
0 :请求未初始化(还没有调用open)
1 :请求已经建立,但是还没有发送(还没有调用send())
2 : 请求已发送,正在处理中
3 : 请求在处理中,通常响应中已有部分数据可以用了,但是服务器还没有完成响应的生成
4 :响应已完成 获取并使用服务器的返回值
ajax状态码 :
200——交易成功
404——没有发现文件、查询或URl
500——服务器产生内部错误
400——错误请求,如语法错误
6、缓存
当多次通过ajax方式请求服务器的数据时,如果请求的路径没有发生变化,后面的请求 会从浏览器的缓存上提数据,如果服务器的数据有更改,客户端便不能及时获取浏览器的数据
为了防止缓存现象 :
解决方式 :在请求路径上添加一个一个参数 值是一个随机值
"t"+(i+1)+".txt?id="+new Date().getTime() 或 Math.random()
7、字符和对象转换
通过ajax从服务器获取的数据都是字符串
将字符串转对象 '{"name":"lichune"}' '[{"name":"aaa"},{}]' '[]' JSON.parse( )
将对象转成字符串 JSON.stringify()
8、接口
接口 就是 后端程序为前端提供一个 路径
接口路径 : xxx.php xxx.jsp xxx.asp 含义 : 验证用户名的唯一性
接口参数 : 用户名 username
接口路径 (必须有):
接口参数(可有可无) : 但给了就不能改
接口的返回值 (必须有):
0 用户名不存在
1 用户名存在
接口功能
9、ajax向服务器提交或获取数据的方式
get 路径传值 传递的数据量小 速度快
post 非路径传值 传递的数据量大
️我还很喜欢你、就像sin²x+cos²x始终如一