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. su命令、sudo命令、限制root远程登录 使用介绍

    第3周第3次课(4月4日) 课程内容:3.7 su命令3.8 sudo命令3.9 限制root远程登录 3.7 su命令 [root@jimmylinux-002 ~]# su - jimmy     ...

  2. Select下拉框onchange事件获取option的value值

    首先方法中使用到了jqury,首先导入jqury的插件: 如果jqury的小插件没有的话,就去网上下载一个吧,jqury比原生的js使用起来方便了很多,这里也提供一个我的jqury的下载地址: jqu ...

  3. [Mathematics][BJTU][Calculus]Detailed explanations and proofs of the Dirac-Abel Discriminant Methods which deal with the conditional convergence

    So, today we will talk about the conditional convergence and two discriminant methods, namely Dirac- ...

  4. 洛谷 题解 P4613 【[COCI2017-2018#5] Olivander】

    我又双叒叕被包菜辣! P4613 [COCI2017-2018#5] Olivander 首先,不知道为什么这题无法提交翻译: 所以,我先放个翻译: 哈利波特在与伏地魔的战斗中损坏了他的魔杖.他决定在 ...

  5. idea中自定义快捷键

    idea中自定义快捷键 在开发的过程中,总要写一些重复的代码,那么使用自定义快捷键,可以将这些经常用到的代码,自动生成. 1.在idea工具中点击File-->Settings 2.在弹出来的界 ...

  6. 声明式服务调用Feign

    什么是 Feign Feign 是种声明式.模板化的 HTTP 客户端(仅在 consumer 中使用).   什么是声明式,有什么作用,解决什么问题? 声明式调用就像调用本地方法一样调用远程方法;无 ...

  7. C++与数据结构课程设计---定票咨询系统

    订票咨询管理系统 设计编制一个订票管理系统,考虑旅客不同的要求.例如,选择不同的交通工具,希望在旅途中的时间尽可能地短,期望旅费尽可能省,或要求中转次数最少等.为旅客提供两种或三种最优决策.车票基本信 ...

  8. POJ2528---Mayor's posters

    The citizens of Bytetown, AB, could not stand that the candidates in the mayoral election campaign h ...

  9. CSS的三种样式，有一种你肯定不知道

    前言本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理.作者LFuser 正文 新手注意:如果你学习遇到问题找不到人解答,可以点我进裙 ...

  10. python 2.7导入模块问题

    有如下结构的python文件 base |----pkg1 |----__init__.py |----add.py |----pkg2 |----__init__.py |----call_func ...