uni-app的POST請求和GET請求

台友涛發表於2024-04-26

uni-app就像一個盜版的Vue, 和Vue很想,又不完全像

//微信小程式post請求
uni.request({  
    url: 'http://127.0.0.1:8000/api/test_post/', // Django後端API地址  
    method: 'POST',  //指定請求型別(POST還是GET)
    data: {  //資料都要放在這裡,以鍵值對的方式
        key1: 'value1', 
        key2: 'value2'  
    },  
    success: (res) => {  
        if (res.data.massage =='success') {  
            uni.showToast({  
                title: '請求成功',  
                icon: 'success'  
            });  
            // 處理成功的響應資料  
            console.log(res.data);  
        } else {  
            uni.showToast({  
                title: '請求失敗',  
                icon: 'none'  
            });  
            // 處理失敗的響應資料  
            console.error(res.data);  
        }  
    },  
    fail: (err) => {  
        uni.showToast({  
            title: '請求出錯',  
            icon: 'none'  
        });  
        console.error(err);  
    }  
});  

後端接收

from rest_framework.views import APIView
#from rest_framework.response import Response
#from rest_framework.permissions import IsAuthenticated
from django.http import JsonResponse
#user表

# from django.contrib.auth.models import User
# from icecream import ic

class TestPostView(APIView):
    
    #token驗證
    #permission_classes = [IsAuthenticated]
    def post(self, request):
        #傳輸的資料都在request.data裡面
        req_dtat=request.data
        

        print('req_dtat',req_dtat)
        return JsonResponse({'massage': 'success'})

接收結果

uni-app的POST請求和GET請求

相關文章