1.搭建HTTP静态Web服务器。

代码实现：

 # 1.导入socket模块

 import socket

 import threading

 # 创建服务器类

 class HttpServerSocket(object):

     # 给服务器类的对象设置属性

     def __init__(self):

         # 2.创建Socket对象

         self.server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)

         # 3.设置端口复用

         self.server_socket.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, True)

         # 4.绑定端口

         self.server_socket.bind(('', 8000))

         # 5.设置监听

         self.server_socket.listen(128)

     def start(self):

         while True:

             # 6.等待客户端连接

             client_socket, ip_port = self.server_socket.accept()

             # gevent.spawn(self.task, client_socket, ip_port)

             print("上线了", ip_port)

             threading.Thread(target=self.task, args=(client_socket, ip_port), daemon=True).start()

     def task(self, client_socket, ip_port):

         # 7.接收数据

         recv_data = client_socket.recv(1024).decode('utf-8')

         print(recv_data)

         if not recv_data:

             print("客户端：%s下线了，端口号为：%s" % ip_port)

         # 8.发送数据

         # 判断请求资源是否包含参数

         # 请求行格式：GET /index.html HTTP/1.1

         recv_path = recv_data.split()[1]

         # print("第一次分割",recv_path)

         # 如果有参数则以？分割

         if '?' in recv_path:

             real_recv_path = recv_path.split('?')[0]

             # print("?分割",real_recv_path)

         else:

             # 如果没有参数，则保持请求路径不变

             real_recv_path = recv_path

             # print("无？分割",real_recv_path)

         # 设置没指定资源路径，默认返回index.html

         if real_recv_path == '/':

             real_recv_path = '/index.html'

         # 判断请求的资源路径是否存在

         try:

             with open(f"static{real_recv_path}", "rb") as file:

                 response_body = file.read()

         except  Exception as e:

             # 如果不存在则返回404

             response_line = 'HTTP/1.1 404 NOT FOUND\r\n'

             response_header = 'Server: PWS/1.0\r\n'

             response_body = 'sorry nor found page!\r\n'.capitalize()

             send_data = (response_line + response_header + '\r\n' + response_body).encode('utf-8')

             client_socket.send(send_data)

         else:

             # 如果存在则换回请求的页面信息

             response_line = 'HTTP/1.1 200 OK\r\n'

             response_header = 'Server: PWS/1.0\r\n'

             send_data = (response_line + response_header + '\r\n').encode('utf-8') + response_body

             client_socket.send(send_data)

         finally:

             # 断开与客户端连接

             client_socket.close()

     def __del__(self):

         # 当服务端程序结束时停止服务器服务

         self.server_socket.close()

 def main():

     http_socket = HttpServerSocket()

     http_socket.start()

 if __name__ == '__main__':

     main()

2.编写HTML页面：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Alax练习</title>

     <script src="js/jquery-1.12.4.min.js"></script>

     <script src="js/ajax.js"></script>

 </head>

 <body>

     <div id="div" style="text-align: center;"><h1>个人简历信息</h1></div>

          <hr>

     <table>

         <tr><td>个人照片：</td><td id="photo">无</td></tr>

         <tr><td>姓名：</td><td id="name">无</td></tr>

         <tr><td>年龄：</td><td id="age">无</td></tr>

         <tr><td>毕业院校：</td><td id="school">无</td></tr>

         <tr><td>专业：</td><td id="vocational">无</td></tr>

         <tr><td>专攻语言：</td><td id="langage">无</td></tr>

         <tr><td>开发经验：</td><td id="empiric">无</td></tr>

         <tr><td>个人技能：</td><td id="habby">无</td></tr>

         <tr><td>获奖信息：</td><td id="reward">无</td></tr>

     </table>

         <hr>

 </body>

 </html>

3.编写Ajax.js文件：

         $(function(){

             $.get('resume.json',{},function(response){

                 $('#photo').html("<img src='"+response[0]+"'>");

                 $('#name').html(response[1]);

                 $('#age').html(response[2]);

                 $('#school').html(response[3]);

                 $('#langage').html(response[4]);

                 $('#empiric').html(response[5]);

                 $('#habby').html(response[6]);

                 $('#reward').html(response[7]);

             },'JSON').error(function(){

                 $('#div').html('<h1>对不起，请求错误！</h1>')

             });

         });

4.启动HTTP静态Web服务器，

访问http://127.0.0.1:8000/Ajax.html，

Ajax简单应用之个人简历页面搭建的更多相关文章

  1. 扩展auth_user字段、BBS需求分析、创建BBS数据库、注册页面搭建与用户头像展示及Ajax提交数据

    昨日内容回顾 csrf跨站请求 1. SQL注入 2. xss攻击 3. csrf跨站请求 4. 密码加密(加盐) '''django中默认有一个中间件来验证csrf''' # 只针对post请求才验 ...

  2. ajax简单后台交互

    ajax简单后台交互 1,扯淡 单身的生活,大部分时间享受自由,小部分时间忍受寂寞. 生活有时候,其实蛮苦涩,让人难以下咽.那些用岁月积累起来的苦闷,无处宣泄,在自己的脑海里蔓延成一片片荆棘,让你每每 ...

  3. AJAX载入外部JS文件到页面并让其执行的方法（附源码）

    一. 向HTML页面中动态添加JS文件(从外部载入)并让其执行的两种方法 1.只适用于IE浏览器的简单方法: 先在文档中放置一张JS"空床"并添加ID:<script id= ...

  4. 和我一起打造个简单搜索之ElasticSearch集群搭建

    我们所常见的电商搜索如京东,搜索页面都会提供各种各样的筛选条件,比如品牌.尺寸.适用季节.价格区间等,同时提供排序,比如价格排序,信誉排序,销量排序等,方便了用户去找到自己心里理想的商品. 站内搜索对 ...

  5. AJAX简单介绍

     什么是AJAX Ajax 是 AsynchronousJavaScript and XML(以及 DHTML 等)的缩写. HTML 用于建立 Web表单并确定应用程序其它部分使用的字段. ·J ...

  6. ajax简单手写了一个猜拳游戏

    使用ajax简单写一个猜拳游戏 HTML代码 <!DOCTYPE HTML> <html lang="en-US"> <head> <me ...

  7. javascript AJAX简单原理及什么是ajax

    AJAX简单原理供初学者理解 AJAX的原理: Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面.这其 ...

  8. 仿联想商城laravel实战---3、前端页面搭建（什么情况下需要路由接参数）

    仿联想商城laravel实战---3.前端页面搭建(什么情况下需要路由接参数) 一.总结 一句话总结: 比如访问课程的时候,不同的课程(比如云知梦),比如访问不同的商品,比如访问不同的分类 //商品详 ...

  9. BBS 页面搭建知识点整理

    表关系图及建表 from django.db import models # Create your models here. from django.contrib.auth.models impo ...

随机推荐

  1. centos7 安装wps

    # cat /etc/redhat-release CentOS Linux release 7.6.1810 (Core) # cat /proc/version Linux version 3.1 ...

  2. Flask 蓝图机制及应用

    我们都知道 flask 是一个轻量级的 web 框架,相对于其他同类型框架更为灵活.轻便.安全且容易上手.开发者可以随意编写自己想要的项目结构,同时还有很多的第三方库供君选择.但是灵活的同时也带来了相 ...

  3. 华为云ModelArts 2.0全面升级，革新传统AI开发模式

    [中国,上海,9月20日] 在HUAWEI CONNECT 2019期间,华为云EI服务产品部总经理贾永利宣布--华为云AI重装升级,并重磅发布一站式AI开发管理平台ModelArts 2.0. 现场 ...

  4. MySql数据基础之数据表操作

    MySql数据库中主要利用多个数据表进行数据的存储,我们可以将数据表理解成一个Excel表格,Excel表格的第一列可以将它看为id列,主要任务是数据表中数据的唯一标识,不能重复.不能为空.如果将数据 ...

  5. 数据库Oracle的含义

    数据库的含义: 所谓的数据库其实就是数据的集合.用户可以对集合中的数据进行新增.查询.更新. 删除等操作.数据库是以一定方式储存在一起.能与多个用户共享.具有尽可能小的冗余度. 与应用程序彼此独立的数 ...

  6. HDU2482-Transit search（地图还原+SPFA）

    Henry decides to develop a web site, which will provide the service of transit search. But he can on ...

  7. wow钓鱼方案

    最近怀旧服启动了 玩(排)得我萎靡不堪 突然想起多年前写过一个钓鱼的按键精灵 赶紧搜出来助我一臂之力 奈何往年不知其珍贵 早不见了 千思万想才在群空间的文件夹内翻出来一个exe版本 而源代码已不知去向 ...

  8. AddTransient、AddSingleton、AddScoped的区别

    权重: AddSingleton→AddTransient→AddScoped AddSingleton的生命周期: 项目启动-项目关闭   相当于静态类  只会有一个 AddScoped的生命周期: ...

  9. wxxcx_learn异常处理

    属于基础框架,分级别 捕获异常,处理异常(记录日志,修复异常,返回客户端错误),抛出异常 全局异常处理(AOP)对错误同一格式化 try{ $banner = BannerModel::getBann ...

  10. 2019百度阿里Java面试题（基础+框架+数据库+分布式+JVM+多线程）

    前言 很多朋友对面试不够了解,不知道如何准备,对面试环节的设置以及目的不够了解,因此成功率不高.通常情况下校招生面试的成功率低于1%,而社招的面试成功率也低于5%,所以对于候选人一定要知道设立面试的初 ...