写原生JS写出一个导出文件代码
时间: 2024-05-16 19:11:57 浏览: 18
当然可以,以下是一个简单的导出文件的原生JS代码,你可以根据你的具体需求进行修改:
```javascript
function exportFile(data, fileName) {
const blob = new Blob([data], {type: 'text/plain'});
const url = URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
link.download = fileName;
link.click();
URL.revokeObjectURL(url);
}
const fileContent = '这是要导出的文件内容';
const fileName = 'example.txt';
exportFile(fileContent, fileName);
```
这个函数可以导出纯文本文件,你可以将`fileContent`替换为你要导出的内容,将`fileName`替换为你要导出的文件名。
相关问题
写一个原生js代码 获取ajax请求
以下是一个使用原生 JavaScript 获取 AJAX 请求的示例代码:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 在这里处理返回的数据
console.log(response);
}
};
xhr.send();
```
在这个示例中,我们使用 `XMLHttpRequest` 对象创建了一个 AJAX 请求。我们使用 `open()` 方法指定了请求的类型(GET)、URL(https://api.example.com/data)和异步标志(true 表示异步)。然后,我们定义了一个 `onreadystatechange` 事件处理函数,它会在请求状态发生变化时被调用。
当请求状态为 4(即完成)且响应状态码为 200(即成功)时,我们将返回的数据解析为 JSON 格式,并在控制台打印出来。你可以根据实际需求修改代码来处理返回的数据,例如更新页面内容、显示错误消息等。
最后,我们使用 `send()` 方法发送请求。
请注意,这只是一个基本的示例,实际情况可能需要根据你的具体需求进行修改和扩展。
用原生js写一个文件上传
HTML代码:
```html
<input type="file" id="fileInput">
<button id="uploadBtn">上传文件</button>
```
JS代码:
```javascript
const fileInput = document.getElementById('fileInput');
const uploadBtn = document.getElementById('uploadBtn');
uploadBtn.addEventListener('click', () => {
const file = fileInput.files[0];
const formData = new FormData();
formData.append('file', file);
const xhr = new XMLHttpRequest();
xhr.open('POST', '/upload');
xhr.send(formData);
xhr.onreadystatechange = () => {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
console.log('上传成功');
} else {
console.error('上传失败');
}
}
}
});
```
以上代码监听了上传按钮的点击事件,获取文件输入框中的文件,使用FormData构建表单数据,使用XMLHttpRequest发送POST请求,最后根据请求状态判断上传成功或失败。注意,上传的URL需要根据实际情况修改。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![txt](https://img-home.csdnimg.cn/images/20210720083642.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)