內容概要

• Ajax傳送json格式的資料
• Ajax傳送檔案資料
• Ajax集合layer彈窗實現刪除的二次確認

內容詳細

Ajax傳送json格式的資料

        # ajax預設提交的資料格式是 urlencoded
        '''
            傳送的資料型別和資料格式要保持一致
        '''

        $('.btn').click(function () {
                $.ajax({
                    url: '',
                    type: 'post',
                    data: JSON.stringify({'d1': 'aaa'}), // 序列化 json
                    contentType: 'application/json',  // 代表傳送的資料是json格式
                    success: function (res) {
                        console.log(res)
                    }

                })
            })

 

Ajax傳送檔案資料

        $('.btn').click(function () {
                // ajax上傳檔案需要藉助於FormData
                // 1. 例項化FormData
                var obj = new FormData()

                // 增加資料
                obj.append('username', $('#username').val());
                obj.append('username', $('#password').val());

                // 增加檔案資料
                obj.append('myfile', $("#myfile")[0].files[0])

                $.ajax({
                    url: '/upload_file/',
                    type: 'post',
                    data: obj, // 序列化 json

                    contentType:false, // 告訴瀏覽器不要修改提交的資料格式
                    processData:false,  // 告訴瀏覽器不要對提交的資料進行任何的更改
                    success: function (res) {
                        console.log(res)
                    }

                });
            })
 

Django自帶的序列化器

        from django.core import serializers
        def user_list(request):
            user_list = models.User.objects.all()  # queryset
            # lst = []
            # for user in user_list:
            #     temp_dict = {}
            #     temp_dict['username'] = user.username
            #     temp_dict['password'] = user.password
            #     lst.append(temp_dict)
            # import json
            # res=json.dumps(lst,)
            # return render(request, 'user_list.html', locals())
            # return HttpResponse(res)
            res = serializers.serialize('json', user_list)