第十六天：JS-Ajax&前端逻辑&购物&登录&上传-526互联

1、JS 前端验证-文件上传

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

表单数据经常需要使用 JavaScript 来验证其正确性：

验证表单数据是否为空？
验证输入是否是一个正确的email地址？
验证日期是否输入正确？
验证表单输入内容是否为数字型？

2、JS-Ajax 传递-登录-状态

3、JS-Ajax 传递-购物-参数

1、文件上传 - 类型 - 过滤设计：通过 JavaScript 进行文件后缀筛选验证

验证上传文件的是否符合要求既可以通过前端js代码验证，也可以通过后端PHP代码验证

他们的区别如下：

前端的任何代码都可以被检查网页源代码检测出来

后端的任何代码在没有拿到源码之前都无法被识别出来

通过禁用JS代码可以绕过js的前端验证

判断前端验证是否为JS代码：

1.直接查看网页源代码

2.通过时间戳判断

2、状态回显 - 登录 - 状态码

设计：通过 Ajax 传递数据进行用户登录验证

Ajax的基本架构：

$.ajax({          
            url:"发送请求（提交或读取数据）的地址", 
         dataType:"预期服务器返回数据的类型",  
         type:"请求方式", 
         async:"true/false",
         data:{发送到/读取后台（服务器）的数据},
         success:function(data){请求成功时执行}, //此步产生状态码     
         error:function(){请求失败时执行}
});

Ajax（Asynchronous Javascript And XML），即是异步的JavaScript和XML，Ajax其实就是浏览器与服务器之间的一种异步通信方式

异步的JavaScript

它可以异步地向服务器发送请求，在等待响应的过程中，不会阻塞当前页面，在这种情况下，浏览器可以做自己的事情。直到成功获取响应后，浏览器才开始处理响应数据

XML

是前后端数据通信时传输数据的一种格式，现在已经不怎么用了，现在比较常用的是 JSON

所以归纳上述的概念，Ajax就是在浏览器不重新加载网页的情况下，对页面的某部分进行更新