朱克武

摘要：前后端分离技术是目前网站开发的一个趋势，Ajax作为前后端通讯的一个接口，使用GET和POST方法，在前后端之间传递JSON格式的数据，是网站开发一个重要的开发工具。在网站的开发过程中，结合Chrome的F12的开发者工具，能够掌握数据在网络中传递的情况，通过对网络数据的分析，解决开发过程中，遇到的各类问题，加快网站开发的效率。

关键词：Ajax;JSON;调试工具;网络

中图分类号：TP311      文献标识码：A

文章编号：1009-3044（2021）33-0009-03

开放科学（资源服务）标识码（OSID）：

1 引言

经过三十多年的发展，网站技术已经非常成熟。上网已经成为人们日常生活的一部分，例如淘宝、京东等购物网站，在双十一购物节，上亿人次的访问量，也不会影响购物体验。常用的网站编程工具有php、jsp、asp.net这三种。网站前端开发工具、后端开发工具、网站测试工具等，与网站开发相关的各类软件非常多。网站开发技术不断发展，新技术不断涌现，现在网站开发多使用前后端分离技术，前端工程师专注网页的UI界面设计，后端工程师处理前端提交的数据，将数据处理结果返回给前端。这里一个主要的問题就是前后端数据交互涉及的协议问题。本网站前端页面设计使用 VS Code 工具，后端使用 VS2019，数据库使用MySQL。

2 用户登录

2.1用户登录界面的设计

上网浏览的各类网站，基本上都是动态网站。动态网站就是与数据库打交道，上网在网站上浏览网站信息，这些信息是网站管理人员将信息提交到后台数据库，数据是存放在数据库里面的。在网站上浏览的时候，网站将数据库的信息提取出来，显示在前端页面上。……