1. 程式人生 > >入門 之 js中axios實現與後臺互動入口

入門 之 js中axios實現與後臺互動入口

格式略 寫不進去
!!!

<script src="js/axios.min.js"></script>
<script>
    window.onload = function(){
        // 1.第一種
        axios({
            // a.路徑
            url: '/index_data',
            // b.提交型別
            method: 'get/post',
            // c.傳遞引數
            'data/params': {
                username: '張三',
                password: '123456',
            },
            // d.返回資料型別
            // responseType: 'text/json...',
        })
        .then(function(obj){
            console.log(obj.data)
        })
        .catch(function(){
            alert('伺服器異常...')
        })


        // 2.第二種。
        axios.get('/index_data?username="aaa"&password="bbb"')
        .then(function(obj){
            console.log(obj.data)
        })
        .catch(function(){
            alert('伺服器異常...')
        })


        // 3.第三種。
        axios.get('/index_data', {
            params: {
                username: 'aaa',
                password: 'bbb',                    
            },
        })
        .then(function(obj){
            console.log(obj.data)
        })
        .catch(function(){
            alert('伺服器異常...')
        })


        // 4.第四種。
        axios.post('/index_data', {
            username: 'aaa',
            password: 'bbb',  
        })
        .then(function(obj){
            console.log(obj.data)
        })
        .catch(function(){
            alert('伺服器異常...')
        })
    }
</script>