首页 > 操作系统 >

js如何定义一个字符串长度第一关： HTML(3)、CSS((5)

电脑杂谈　发布时间：2018-02-15 17:29:30　来源：网络整理

复习：

HTTP协议，用于在Web客户端和服务器之间传输网页内容。

请求消息(request)：

起始行： POST /index.php HTTP/1.1

头部： Content-Type: ...

CRLF

主体： k=v&k=v&...

js如何定义一个字符串长度_字符串长度怎么算_字符串长度和字节数

响应消息(response)：

起始行： HTTP/1.1 200 OK

头部： Content-Type: ...

CRLF

主体： <html><body>...

练习：

(1)编写SQL: sohu.sql，表mail( mid, phone, pwd, lastLoginTime )，试着添加三条记录 < 3min

(2)编写PHP：mail_register.php，接收客户端提交的phone、pwd，添加到 —— 若手机号已经存在，则不能添加，提示已经注册过，无需重复注册 SELECT ... INSERT... < 4min

(3)编写HTML：mail_register.html，提供表单，辅助用户实现邮箱注册<2min

(4) 编写PHP：mail_login.php，接收客户端提交的phone、pwd，执行查询，若都正确，则输出“登录成功”，更新最后一次登录时间；若有错误，则输出“用户名或密码有误” SELECT... UPDATE

(5)编写HTML：mail_login.html，提供表单，辅助用户实现邮箱登录

(6) 编写PHP：mail_select.php，在TABLE中输出所有用户的邮箱

(7) 编写PHP：mail_delete.php，接收客户端提交的mid，从中删除

今日目标：

(1)补充：HTTPS协议 —— 了解

(2)原生AJAX概述 —— 重点

(3)原生AJAX发起GET、POST请求 —— 重点&难点

1.安全的HTTP协议

HTTP: 80

HTTPS: 443 HTTP Secure、 HTTP over SSL

2.AJAX概述

Asynchronous Javascript And XML，异步的JS和XML

Google在2001年，为Google搜索加了“Google Suggest”功能，可以在用户浏览网页的同时，从服务器端获取更新后的搜索建议。命名为AJAX，目标：实现在无刷新、无提交的情况下页面内容局部更新,提高用户的浏览体验。常用的场景：搜索建议、数据重复性判断、股票、、异步加载分页数据....

AJAX涉及到技术：HTML、CSS、JS、DOM、HTTP、XML —— 属于纯客户端技术。

底层原理：在客户端浏览网页的同时，浏览器底层使用XMLHttpRequest对象，向服务器发起HTTP请求，并接收服务器的响应消息——浏览的同时服务器也在工作

2.使用AJAX的步骤

(1)创建XHR对象

var xhr = new XMLHttpRequest();

(2)XHR状态改变事件

xhr.onreadystatechange = function(){}

(3)使用XHR连接到Web服务器

xhr.open(method, uri, isAysn);

(4)使用XHR对象发起异步的HTTP请求消息

xhr.send(null/data);

3.XHR对象的常用属性和方法