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. 【合集】python 的一些妙用，推导式、三元表达式、with as 等

    自己常用的内置函数 函数如下: dir len str list tuple zip map reduce(现在并入了functools中) 常用的进制转换 Oct hex bin lambda 表达 ...

  2. 【并发编程】Object的wait、notify和notifyAll方法

    本博客系列是学习并发编程过程中的记录总结.由于文章比较多,写的时间也比较散,所以我整理了个目录贴(传送门),方便查阅. 并发编程系列博客传送门 方法简介 wait方法 wait方法是Object类中的 ...

  3. mac安装numpy,scipy,matplotlib

      SaintKings-Mac-mini:~ saintking$ python Python ( , ::) [GCC Compatible Apple LLVM (clang-)] on dar ...

  4. 第三章 学习Shader所需的数学基础（2）

    目录 1.坐标空间 1.2 坐标空间的变换 @ 1.坐标空间 我们在以前渲染流水线中就接触了坐标空间的变换.例如,在学习顶点着色器流水线阶段时,我们说过,顶点着色器的最基本功能就是把模型的顶点坐标从模 ...

  5. 利用 Flask 动态展示 Pyecharts 图表数据的几种方法

    本文将介绍如何在 web 框架 Flask 中使用可视化工具 pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法,不会的话你来找我呀- Flask 模板渲染 1. 新建一个项目fla ...

  6. 了解 MongoDB 看这一篇就够了【华为云分享】

    目录 一.简介 二.基本模型 BSON 数据类型 分布式ID 三.操作语法 四.索引 索引特性 索引分类 索引评估.调优 五.集群 分片机制 副本集 六.事务与一致性 一致性 小结 一.简介 Mong ...

  7. java基础文件,File类

    此文参考自"Java SE程序设计" 编著: 青岛东合信息技术有限公司 算是做笔记,以后想看可以翻阅,顺便分享出来大家可以参照.如有侵权,请联系本人删除 文件 文件是相关记录或放在 ...

  8. 【原创】004 | 搭上SpringBoot事务诡异事件分析专车

    前言 如果这是你第二次看到师长,说明你在觊觎我的美色! 点赞+关注再看,养成习惯 没别的意思,就是需要你的窥屏^_^ 本专车系列文章 目前连载到第四篇,本专题是深入讲解Springboot源码,毕竟是 ...

  9. luogu P3807 【模板】卢卡斯定理

    求 C(n,n+m)%p C(m,n)%p=C(m%p,n%p)*C(m/p,n/p) #include<cstdio> #include<cstring> #include& ...

  10. CF 1130A 1130B 1130C1129A1 1129A2 1129B(Round542A B C D1 D2 E)题解

    A : Be Positive 题目地址:https://codeforces.com/problemset/problem/1130/A 题解:让你求是否满足一个d使得数列长为n的a数组的每个数除以 ...