<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="">
<input type="file" multiple>
<button type="submit">提交</button>
</form>
<script>
/* ajax send 可以传递
json字符串
字符串
图片
blob类型的文件
大型的二进制流数据
文档xml html这种类选的数据
formData 表单数据
*/
var ipt = document.querySelector('form')
// console.dir(ipt)
ipt.addEventListener('submit', submitHandler)
function submitHandler(e) {
e.preventDefault();
// console.dir( ipt )
let file = document.querySelector('[type=file]')
// console.log(file.files[0])
// 可以将file.files[0] 这种类型的 是blob类型的数据 类似于二进制的数据 直接返回给服务器
ajax1(file.files[0])
}
let obj = {
"name": 'ycy',
"age": 100
}
function ajax() {
var xhr = new XMLHttpRequest();
xhr.addEventListener("load", loadHandler);
xhr.open('post', 'http://localhost:4010')
xhr.send(JSON.stringify(obj))
}
function ajax1(item) {
var xhr = new XMLHttpRequest();
xhr.addEventListener("load", loadHandler);
xhr.open('post', 'http://localhost:4010')
xhr.send(item)
}
function loadHandler() {
}
// ajax();
// 获取xml文件
// var xhr = new XMLHttpRequest();
// xhr.addEventListener("load", xmlHandler);
// xhr.open('get', './a.xml')
// xhr.send()
function xmlHandler(){
let item = this.response//获取xml文件
ajax1( item );
}
</script>
</body>
</html>
ajax 可以send的内容 json 字符串 formdata二进制 blob类型...
最新推荐文章于 2023-05-25 14:06:34 发布