js axios請求方式
阿新 • • 發佈:2021-06-14
引入
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
get請求
//預設請求為get axios('http://localhost:5000/Test/g1') .then(function (response) { console.log(response.data) }).catch(function (err) { console.log(err) });
//無引數, axios.get('http://localhost:5000/Test/g1' ) .then(function (response) { console.log(response.data) }).catch(function (err) { console.log(err) });
//無引數,傳物件 axios({ url:'http://localhost:5000/Test/g1', method:'get' }) .then(function (response) { console.log(response.data) }).catch(function (err) { console.log(err) });
//url上帶參請求 axios({ url: 'http://localhost:5000/Test/g2?a=3&str=abc', method:'get' }) .then(function (response) { console.log(response.data) }).catch(function (err) { console.log(err) });
//帶參 axios({ url: 'http://localhost:5000/Test/g2', method: 'get', //params是URL拼接 params: { a: 3, str: 'abc' } }) .then(function (response) { console.log(response.data) }).catch(function (err) { console.log(err) });
//引數是集合 axios({ url: 'http://localhost:5000/Test/g4', method: 'get', data: [{ "age": 18, "name": "tom" }, { "age": 22, "name": "liu" }] }) .then(function (response) { console.log(response.data) }).catch(function (err) { console.log(err) });
Post
//無引數 axios.post('http://localhost:5000/Test/p1') .then(function (response) { console.log(response.data) }).catch(function (err) { console.log(err) });
//傳物件 axios({ url: 'http://localhost:5000/Test/p3', method: 'post', data: { age: 18, name: 'tom', id: 1 } }) .then(function (response) { console.log(response.data) }).catch(function (err) { console.log(err) });
//陣列 axios({ url: 'http://localhost:5000/Test/p4', method: 'post', data: ["ab", "cd"] }) .then(function (response) { console.log(response.data) }).catch(function (err) { console.log(err) });
//傳集合物件 axios({ url: 'http://localhost:5000/Test/p5', method: 'post', data: [{ "age": 18, "name": "tom" }, { "age": 22, "name": "liu" }] }) .then(function (response) { console.log(response.data) }).catch(function (err) { console.log(err) });
//傳物件和URL引數混合 axios({ url: 'http://localhost:5000/Test/p6', method: 'post', params: { a: 'aaaa', b: 'bbbb' }, data: [{ "age": 18, "name": "tom" }, { "age": 22, "name": "liu" }] }) .then(function (response) { console.log(response.data) }).catch(function (err) { console.log(err) });
//dynamic 物件 axios({ url: 'http://localhost:5000/Test/p7', method: 'post', data: { "age": 18, "name": "tom" } }) .then(function (response) { console.log(response.data) }).catch(function (err) { console.log(err) });
//dynamic 陣列物件 axios({ url: 'http://localhost:5000/Test/p7', method: 'post', data: [{ "age": 18, "name": "tom" }, { "age": 22, "name": "liu" }] }) .then(function (response) { console.log(response.data) }).catch(function (err) { console.log(err) });