在浏览器执行js脚本的两种方式
15/100
发布文章
weixin_42551921
未选择文件
fetch请求get
在浏览器执行http请求，可以使用fetch函数；
fetch("url").then(response => response.text())
.then(data => console.log(JSON.parse(data)['status']))
.catch(error => console.error(error))
直接返回json数据：
fetch("url").then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
执行两次：
fetch("https://1.com").then(response = >response.json()).then(data = >{
let items = data.data.doc_list;
items.forEach(item = >{
if (item.doc_status == '4') {
fetch("https://1.com").then(response = >console.log(response)).
catch(error = >console.error(error))
}
})
}).
catch(error = >console.error(error))
定义这个技术，模拟手动删除数据：
for (let index = 1; index < 100; index++) {
for(var t = Date.now();Date.now() - t <= 3000;);
fetch("https://1.com/nshop/doc/getlist?sub_tab=2&pn=" + index + "&rn=10&query=&main_status=2&time_range=&buyout_show_type=1").then(response = >response.json()).then(data = >{
let items = data.data.doc_list;
console.log(items);
if ( !! items) {
items.forEach(item = >{
if (item.doc_status == '4') {
fetch("https:/1.com/user/submit/newdocdelete?doc_id_str=" + item.doc_id + "&skip_fold_validate=1").then(response = >console.log(response)).
catch(error = >console.error(error))
}
})
}
}).
catch(error = >console.error(error))
}
fetch请求post
// jsonplaceholder.typicode.com是一个测试网站
fetch('https://jsonplaceholder.typicode.com/users', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
name: 'John Doe',
email: 'johndoe@example.com',
})
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
使用XMLHttpRequest
发起GET请求：
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://jsonplaceholder.typicode.com/users');
xhr.onload = () => {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.error(`Error: ${
xhr.status}`);
}
};
xhr.send();
发送POST请求：
const xhr = new XMLHttpRequest();
xhr.open('POST', 'https://jsonplaceholder.typicode.com/users');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = () => {
if (xhr.status === 201) {
console.log(xhr.responseText);
} else {
console.error(`Error: ${
xhr.status}`);
}
};
xhr.send(JSON.stringify({
name: 'John Doe',
email: 'johndoe@example.com',
}));
fetch请求get
在浏览器执行http请求，可以使用fetch函数；
fetch(“url”).then(response => response.text())
.then(data => console.log(JSON.parse(data)[‘status’]))
.catch(error => console.error(error))
在这里插入图片描述
直接返回json数据：
fetch(“url”).then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
执行两次：
fetch("https://1.com").then(response = >response.json()).then(data = >{
let items = data.data.doc_list;
items.forEach(item = >{
if (item.doc_status == '4') {
fetch("https://1.com").then(response = >console.log(response)).
catch(error = >console.error(error))
}
})
}).
catch(error = >console.error(error))
定义这个技术，模拟手动删除数据：
for (let index = 1; index < 100; index++) {
for(var t = Date.now();Date.now() - t <= 3000;);
fetch("https://1.com/nshop/doc/getlist?sub_tab=2&pn=" + index + "&rn=10&query=&main_status=2&time_range=&buyout_show_type=1").then(response = >response.json()).then(data = >{
let items = data.data.doc_list;
console.log(items);
if ( !! items) {
items.forEach(item = >{
if (item.doc_status == '4') {
fetch("https:/1.com/user/submit/newdocdelete?doc_id_str=" + item.doc_id + "&skip_fold_validate=1").then(response = >console.log(response)).
catch(error = >console.error(error))
}
})
}
}).
catch(error = >console.error(error))
}
fetch请求post
// jsonplaceholder.typicode.com是一个测试网站
fetch('https://jsonplaceholder.typicode.com/users', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
name: 'John Doe',
email: 'johndoe@example.com',
})
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
使用XMLHttpRequest
发起GET请求：
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://jsonplaceholder.typicode.com/users');
xhr.onload = () => {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.error(Error: ${xhr.status});
}
};
xhr.send();
发送POST请求：
const xhr = new XMLHttpRequest();
xhr.open('POST', 'https://jsonplaceholder.typicode.com/users');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = () => {
if (xhr.status === 201) {
console.log(xhr.responseText);
} else {
console.error(Error: ${xhr.status});
}
};
xhr.send(JSON.stringify({
name: 'John Doe',
email: 'johndoe@example.com',
}));
