首页 > 其他分享 >go语言与html和js的连接与使用

go语言与html和js的连接与使用

时间:2024-06-23 19:59:03浏览次数:20  
标签:username js userType html localStorage go password data

function login(username, password,userType) {

    var username = document.getElementById('userName').value;

     var password = document.getElementById('password').value;

     var userType = document.getElementById('userType').value;

   

    fetch('http://localhost:8088/login', {

        method: 'POST',

        headers: {

            'Content-Type': 'application/json'

        },

        body: JSON.stringify({

            userName: username,

            passWord: password,

            userType:userType

        })

    })

    .then(response => response.json())

    .then(data => {

        if (data.code === 0 ) {

            localStorage.setItem('token', data.data.token);

            if (userType === 'Doctor') {

                localStorage.setItem('username', username);

                window.location.href = 'index.html';

            } else if (userType === 'MedicalStaff') {

                localStorage.setItem('username', username);

                window.location.href = 'index2.html';

            }

        }else {

            if (data.code === -1) {

                   alert('用户名密码亦或者用户类型输入错误');

               } else {

                     alert('登录失败: ' + response.message);

                 }

        }

       

    })

    .catch(error => {

        console.error('登录请求失败:', error);

    });

           

           

        }

这是前端登录的接口代码 

这是后端提供的接口

根据后端的限制前端的接口也会发生变化

标签:username,js,userType,html,localStorage,go,password,data
From: https://blog.csdn.net/weixin_64011437/article/details/139897970

相关文章

  • JavaScript与Go后端服务连接方法
    1.概述本文档描述了如何使用JavaScript(在浏览器或Node.js环境中)与使用Go语言编写的后端服务进行通信。我们将通过HTTP请求来实现前后端的数据交互。2.前提条件后端服务已经部署并运行在指定的URL上。JavaScript环境已经配置好,如果是Node.js,需要安装axios或fetch库。3.Go......
  • Java逐层解析JSON的内存占用分析
    哈喽,大家好,我是木头左!JSON对象与Java映射JSON对象是由键值对构成的无序集合,这在Java中通常由Map<String,Object>来表示。每个键值对都占用一定的内存空间,而Java的HashMap或TreeMap等实现会根据内部结构和存储的数据量来动态调整内存占用。JSON数组与Java列表JSON数组是由有......
  • 百度一下首页制作(HTML+CSS)
    部分代码展示:<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>百度一下,你就知道</title><styletype="text/css">/*清除元素默认性质*/body{margin:0;......
  • [Golang并发]GMP模型
    什么是GoroutineGoroutine=Golang+Coroutine。Goroutine是golang实现的协程,是用户级线程。Goroutine的特点:相比线程,其启动的代价很小,以很小栈空间启动(2Kb左右)能够动态地伸缩栈的大小,最大可以支持到Gb级别工作在用户态,切换成很小与线程关系是n:m,即可以在n个系统线程上多......
  • 【异常错误】so.11: undefined symbol: cublasLtHSHMatmulAlgoInit, version libcubla
    今天安装了一个新的conda环境,但是一开始运行就出现错误: Traceback(mostrecentcalllast): File"/home/mapengsen/anaconda3/envs/37/lib/python3.7/site-packages/torch/__init__.py",line172,in_load_global_deps  ctypes.CDLL(lib_path,mode=ctypes.RTLD......
  • 探索PostgreSQL的JSON宝石:深入掌握JSON数据处理
    探索PostgreSQL的JSON宝石:深入掌握JSON数据处理引言在数据驱动的世界中,JSON已成为数据交换的事实标准。PostgreSQL,作为一款领先的关系型数据库管理系统,通过其强大的JSON支持,为开发者提供了丰富的工具来存储、查询和处理JSON数据。本文将深入探讨PostgreSQL中的JSON特性,引......
  • 算法题-JS实现整数反转
    学习目标:整数反转leetcode原题链接学习内容:给你一个32位的有符号整数x,返回将x中的数字部分反转后的结果。如果反转后整数超过32位的有符号整数的范围[−231,231−1],就返回0。假设环境不允许存储64位整数(有符号或无符号)。示例1:输入:x=123输出......
  • [Golang基础]Goroutine
    协程(CoRoutine)是一种轻量级的用户态线程。简单来说,线程(thread)的调度是由操作系统负责,线程的睡眠、等待、唤醒的时机是由操作系统控制,开发者无法决定。使用协程,开发者可以自行控制程序切换的时机,可以在一个函数执行到一半的时候中断执行,让出CPU,在需要的时候再回到中断点继续执行。......
  • HTML语言创建黑客
     是一个示例的HTML代码,可以用于创建一个黑客帝国风格的弹窗,并且包含关闭按钮:<!DOCTYPEhtml><html><head><style>/*黑客帝国风格的弹窗样式*/.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,......
  • 毕业设计-基于SSM+JSP的毕业生就业信息管理系统的设计与实现(源码+LW+包运行)
    基于SSM+JSP的毕业生就业信息管理系统开发语言:Java数据库:MySQL技术:Spring+SpringMVC+MyBatis+Jsp工具:IDEA/Ecilpse、Navicat、Maven本文以jsp为开发技术,实现了一个毕业生就业信息管理系统。毕业生就业信息管理系统的主要使用者分为管理员、学生、就业导师、企业,管理员如下权......