handleGoDetails(item, type) { if (type == 'info') { sessionStorage.setItem('informationDetail', JSON.stringify(item)); window.open(`informationDetails.html`, '_self'); } else { window.open(`informationDetails.html?id=${item.id}`, '_self'); } },
时间: 2024-04-18 19:29:42 浏览: 7
这段代码是一个Vue.js中的方法handleGoDetails,根据传入的type参数进行不同的处理逻辑。
如果type等于'info',则将item对象转换为JSON字符串并存储在sessionStorage中。然后,使用window.open方法打开新的页面informationDetails.html。
如果type不等于'info',则使用window.open方法打开带有item.id参数的新页面informationDetails.html。
总体而言,这个方法根据传入的type参数的不同,在打开新页面之前执行一些数据处理或存储操作。
相关问题
代码一: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 和其他信息。因此,这两段代码可以协同工作,以更新用户数据并显示最新的信息。
function handle(){ let form = { username: $("#username").val(), password: $("#password").val(), type: $("#type").val(), } if (form.type == 0){ $.ajax({ url: "<c:url value="/user/login"/>", method: 'post', data: form, success: function (data){ console.log(data); if(data.code == 200){ window.location.href = data.data.url; window.sessionStorage.setItem("user",JSON.stringify(data.data.user)); }else { alert(data.msg); } } }) }else if(form.type == 1){ $.ajax({ url: "<c:url value="/admin/login"/>", method: 'post', data: form, success: function (data){ if(data.code == 200){ window.location.href = data.data; }else { alert(data.msg); } } }) } }
这段代码是一个处理表单提交的函数。根据表单中选择的类型(type),它使用AJAX发送请求到不同的URL进行登录验证。
首先,它创建一个名为form的对象,其中包含从表单中获取的用户名(username)、密码(password)和类型(type)。
然后,根据form对象中的type值进行条件判断。如果type为0,则发送一个POST请求到"/user/login"URL,并将form作为数据发送。
在成功返回响应后,它会在控制台打印数据,并检查返回的数据中的code值。如果code为200,则重定向到返回数据中的URL,并将用户信息存储在sessionStorage中。否则,弹出返回数据中的msg值作为警告。
如果type为1,则发送一个POST请求到"/admin/login"URL,并将form作为数据发送。
在成功返回响应后,它会检查返回的数据中的code值。如果code为200,则重定向到返回数据中的URL。否则,弹出返回数据中的msg值作为警告。
总体来说,这段代码根据不同的类型发送不同的登录请求,并处理相应的响应结果。
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)