function submit() { if (validform() == true) { $.ajax({ type : "POST", url : baseUrl + accountTableName + "/update", contentType : "application/json", data : JSON.stringify({id: updateId,username: $('#username').val()}), beforeSend : function(xhr) { xhr.setRequestHeader("token", window.sessionStorage .getItem('token')); }, success : function(res) { if (res.code == 0) { alert("修改成功"); window.sessionStorage.setItem('username',$('#username').val()) window.location.reload(); } else if (res.code == 401) { <%@ include file="../../static/toLogin.jsp"%> } else { alert(res.msg) } }, }); } else { alert("表单未填完整或有错误"); } }

时间: 2023-06-20 10:03:59 浏览: 56
这是一个使用 jQuery 发送 POST 请求的 JavaScript 函数,用于更新账户信息。它会通过 AJAX 请求将表单中的数据转换为 JSON 字符串,然后将其发送到指定的 URL 上。在发送请求前,会设置请求头部的 token 字段,以确保用户已经通过身份验证。如果请求成功,会弹出一个提示框,告知用户更新成功,然后重新加载页面以显示更新后的数据。如果请求失败,会弹出一个提示框,告知用户更新失败,并显示错误信息。如果表单中有未填写或错误的内容,也会弹出提示框提醒用户。
相关问题

代码一:function submit() { if (validform() == true) { $.ajax({ type : "POST", url : baseUrl + accountTableName + "/update", contentType : "application/json", data : JSON.stringify({id: updateId,username: $('#username').val()}), beforeSend : function(xhr) {//请求头部的token字符串,确保用户已经通过验证 xhr.setRequestHeader("token", window.sessionStorage .getItem('token')); }, success : function(res) { if (res.code == 0) { alert("修改成功");//请求成功 //使用JavaScript中的sessionStorage对象来存储输入框中的用户名 window.sessionStorage.setItem('username',$('#username').val()) window.location.reload(); } else if (res.code == 401) { <%@ include file="../../static/toLogin.jsp"%> } else { alert(res.msg) } }, }); } else { alert("表单未填完整或有错误"); } }与代码二:function getId() { var userName = window.sessionStorage.getItem('username') accountTableName = window.sessionStorage.getItem('accountTableName')//获取存储的用户名以及表名 $.ajax({ type : "GET", url : baseUrl + accountTableName + "/page", data : { username : userName }, beforeSend : function(xhr) { xhr.setRequestHeader("token", window.sessionStorage .getItem('token'));//请求token字段,验证身份 }, success : function(res) { if (res.code == 0) { updateId = res.data.list[0].id $('#username').val(res.data.list[0].username)//赋值 } else if (res.code == 401) { <%@ include file="../../static/toLogin.jsp"%> } else { alert(res.msg); } }, }); } 有什么区别

这两段代码是不同的功能,但它们之间可能存在一些联系。 第一段代码是一个表单提交函数,它会将表单中的数据发送到服务器上,并将其中的用户名更新。在发送请求前,它会检查表单是否填写完整,并且会添加一个请求头部,其中包含用户的 token 字符串,确保用户已经通过身份验证。 第二段代码是一个函数,它会从 sessionStorage 中获取存储的用户名和表名,并使用这些值向服务器发送一个 GET 请求。如果请求成功,它会从响应中获取用户的 ID 和用户名,并将用户名填充到表单中。 这两段代码之间的联系可能是,在第一段代码中,它会将更新后的用户名存储到 sessionStorage 中,然后调用 window.location.reload() 函数重新加载页面。当页面重新加载时,第二段代码会被执行,并且会从 sessionStorage 中获取更新后的用户名,并使用它向服务器发送请求,以获取用户的 ID 和其他信息。因此,这两段代码可以协同工作,以更新用户数据并显示最新的信息。

代码1: function submit() { if (validform() == true) { if(accountTableName=='users') { if(password == $('#oldPassword').val()){ httpJson(accountTableName + "/update","POST",{ id:updateId, mima: $('#newPassword').val(), password: $('#newPassword').val() },(res)=>{ if(res.code == 0){ window.location.href = '../../login.jsp'; alert('修改成功,请重新登陆'); } }); }else{ alert('原密码输入错误') } } else { if(password == hex_md5($('#oldPassword').val())){ httpJson(accountTableName + "/update","POST",{ id:updateId, mima: $('#newPassword').val(), password: $('#newPassword').val() },(res)=>{ if(res.code == 0){ window.location.href = '../../login.jsp'; alert('修改成功,请重新登陆'); } }); }else{ alert('原密码输入错误') } } } else { alert("表单未填完整或有错误"); } }与代码2:function getId() { var userName = window.sessionStorage.getItem('username') accountTableName = window.sessionStorage.getItem('accountTableName') http(accountTableName+'/session','GET',{},(res)=>{ if(res.code == 0){ updateId = res.data.id; if(res.data != null && res.data.mima != null && res.data.mima != ''){ password = res.data.mima; } else if(res.data != null && res.data.password != null && res.data.password != ''){ password = res.data.password; } } }); }这两段代码有啥区别

这两段代码的作用不同,没有直接的比较价值。 第一段代码是一个表单提交函数,用于在用户修改密码时向服务器发送请求,并在修改成功后跳转到登录页面。 第二段代码是一个获取用户ID和密码的函数,用于在用户登录后从服务器获取用户信息,以便后续的操作。 第一段代码中的一些变量在第二段代码中没有出现,因为它们是在提交表单时使用的。而第二段代码中的变量在第一段代码中也有使用,因为它们是从服务器获取的用户信息和密码。 因此,这两段代码没有直接的比较价值,它们在不同的场景中起不同的作用。

相关推荐

最新推荐

recommend-type

基于SSM+JSP的企业人事管理信息系统毕业设计(源码+录像+说明).rar

基于SSM+JSP的企业人事管理信息系统毕业设计(源码+录像+说明).rar 【项目技术】 开发语言:Java 框架:ssm+jsp 架构:B/S 数据库:mysql 【演示视频-编号:420】 https://pan.quark.cn/s/b3a97032fae7 【实现功能】 实现了员工基础数据的管理,考勤管理,福利管理,薪资管理,奖惩管理,考核管理,培训管理,招聘管理,公告管理,基础数据管理等功能。
recommend-type

node-v6.12.0-linux-ppc64le.tar.xz

Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。
recommend-type

node-v6.8.0-linux-ppc64le.tar.xz

Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。
recommend-type

基于PaddleFL框架的联邦学习医疗影像识别系统源码+GUI界面+说明(高分).zip

基于PaddleFL框架的联邦学习医疗影像识别系统源码+GUI界面+说明.zip该项目是个人毕设项目源码,评审分达到97分,都经过严格调试,确保可以运行!放心下载使用。该项目资源主要针对计算机相关专业的学生或从业者下载使用,也可作为期末课程设计、课程大作业、毕业设计等。 基于PaddleFL框架的联邦学习医疗影像识别系统源码+GUI界面+说明.zip该项目是个人毕设项目源码,评审分达到97分,都经过严格调试,确保可以运行!放心下载使用。该项目资源主要针对计算机相关专业的学生或从业者下载使用,也可作为期末课程设计、课程大作业、毕业设计等。 基于PaddleFL框架的联邦学习医疗影像识别系统源码+GUI界面+说明.zip该项目是个人毕设项目源码,评审分达到97分,都经过严格调试,确保可以运行!放心下载使用。该项目资源主要针对计算机相关专业的学生或从业者下载使用,也可作为期末课程设计、课程大作业、毕业设计等。 基于PaddleFL框架的联邦学习医疗影像识别系统源码+GUI界面+说明.zip该项目是个人毕设项目源码,评审分达到97分,都经过严格调试,确保可以运行!放心下载使用。该项目资源
recommend-type

node-v6.12.2-linux-s390x.tar.xz

Node.js,简称Node,是一个开源且跨平台的JavaScript运行时环境,它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立,旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎,可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型,这使得它非常适合处理大量并发连接,从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外,Node.js使用了模块化的架构,通过npm(Node package manager,Node包管理器),社区成员可以共享和复用代码,极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展,它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等,因此,开发者可以用JavaScript编写全栈应用程序,这一点大大提高了开发效率和便捷性。 在实践中,许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台,如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能,简化了开发流程,并且能更快地响应市场需求。
recommend-type

zigbee-cluster-library-specification

最新的zigbee-cluster-library-specification说明文档。
recommend-type

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
recommend-type

实现实时数据湖架构:Kafka与Hive集成

![实现实时数据湖架构:Kafka与Hive集成](https://img-blog.csdnimg.cn/img_convert/10eb2e6972b3b6086286fc64c0b3ee41.jpeg) # 1. 实时数据湖架构概述** 实时数据湖是一种现代数据管理架构,它允许企业以低延迟的方式收集、存储和处理大量数据。与传统数据仓库不同,实时数据湖不依赖于预先定义的模式,而是采用灵活的架构,可以处理各种数据类型和格式。这种架构为企业提供了以下优势: - **实时洞察:**实时数据湖允许企业访问最新的数据,从而做出更明智的决策。 - **数据民主化:**实时数据湖使各种利益相关者都可
recommend-type

机器学习怎么将excel转为csv文件

机器学习是一种利用计算机算法和统计数据的方法来训练计算机来进行自动学习的科学,无法直接将excel文件转为csv文件。但是可以使用Python编程语言来读取Excel文件内容并将其保存为CSV文件。您可以使用Pandas库来读取Excel文件,并使用to_csv()函数将其保存为CSV格式。以下是代码示例: ```python import pandas as pd # 读取 Excel 文件 excel_data = pd.read_excel('example.xlsx') # 将数据保存为 CSV 文件 excel_data.to_csv('example.csv', index=
recommend-type

JSBSim Reference Manual

JSBSim参考手册,其中包含JSBSim简介,JSBSim配置文件xml的编写语法,编程手册以及一些应用实例等。其中有部分内容还没有写完,估计有生之年很难看到完整版了,但是内容还是很有参考价值的。