function papernameSelect() { $.ajax({ type : "GET", url : baseUrl + "option/exampaper/name", beforeSend : function(xhr) { xhr.setRequestHeader("token", window.sessionStorage .getItem('token')); }, success : function(res) { if (res.code == 0) { papernameOptions = res.data; var nullOption = document .createElement('option'); var papernameSelect = document .getElementById('papernameSelect'); papernameSelect.appendChild(nullOption); for (var i = 0; i < papernameOptions.length; i++) { var papernameOption = document .createElement('option'); papernameOption.setAttribute('name', 'papernameOption'); papernameOption.setAttribute('value', papernameOptions[i]); papernameOption.innerHTML = papernameOptions[i]; if (ruleForm.papername == papernameOptions[i]) { papernameOption.setAttribute('selected', 'selected'); } papernameSelect.appendChild(papernameOption); } } else if (res.code == 401) { <%@ include file="../../static/toLogin.jsp"%> } else { alert(res.msg); } }, }); }
时间: 2024-04-05 09:29:56 浏览: 80
这是一个使用 jQuery 发起 AJAX 请求的 JavaScript 函数,用于从服务器获取试卷名称列表,并将其添加到 HTML 中的下拉列表中。其中,baseUrl 是服务器的基本 URL,token 是通过 session storage 获取的令牌。如果请求成功,函数将会将试卷名称列表添加到名为 papernameSelect 的下拉列表中,并将当前试卷名称设置为默认选中。如果请求返回 401 错误码,则会跳转到登录页面。如果请求返回其他错误码,则会弹出错误信息。
相关问题
export const infraredHistorySearch = (locationCode, assetName, point) => { return request({ url: baseUrl + '/infrared' + '/' + locationCode + '/' + assetName + '/' + point, method: 'get' }) }
这是一个JavaScript中使用axios库进行API请求的例子,其中API传参方式为路径参数。具体实现如下:
```javascript
import axios from 'axios'
const infraredHistorySearch = (locationCode, assetName, point) => {
const url = baseUrl + '/infrared' + '/' + locationCode + '/' + assetName + '/' + point
return axios.get(url)
}
```
这里使用了ES6中的模板字符串语法来构建API请求URL,其中的locationCode、assetName和point都是路径参数,通过在URL中使用“/”分隔符来传递。axios库提供了get方法来发送GET请求,并返回一个Promise对象,可以使用then和catch方法来处理请求的响应和错误。
代码一: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 和其他信息。因此,这两段代码可以协同工作,以更新用户数据并显示最新的信息。
阅读全文