简体   繁体   English

Django:使用 ajax 查询(字符串/Json)时出现格式问题

[英]Django: problem with format when using ajax query (string/Json)

I try to send data with ajax but the format is a string and I need JSON (or formated data)我尝试使用 ajax 发送数据,但格式是字符串,我需要 JSON (或格式化数据)

Data to be sent are displayed in an HTML table.要发送的数据显示在 HTML 表中。 I loop in all my rows to collect all data to be send using ajax.我在所有行中循环以收集所有要使用 ajax 发送的数据。 But I have an error when I try to make a JSON object when using JSON.Parse(new_parameters).但是当我在使用 JSON.Parse(new_parameters) 时尝试制作 JSON object 时出现错误。 If use new_parameters in my ajax query, I get False in my ajax view... If I "stringify" new_parameters to use it in my ajax query, I get data in my ajax view but in string format... That's mean the way I construct new_parameters is not a good way... If use new_parameters in my ajax query, I get False in my ajax view... If I "stringify" new_parameters to use it in my ajax query, I get data in my ajax view but in string format... That's mean the way我构造 new_parameters 不是一个好方法...

    var parameters = {};
    var current_parameters = [];
    var new_parameters = [];

    // Collect data from html data when user click on "Modify settings" button
    $(document).on('click', '#modifier', function(event) 
    {
        event.preventDefault(); 
        $('#table_parametrage tr').each(function() {

            var parameter = {};
            $(this).find('td div').each (function() {

                parameter[$(this).attr("col_name")] = $(this).eq(0).html();
            }); 

            new_parameters.push(parameter);  
        });

        new_parameters.shift(); 

        // requête ajax > start
        // parameters = JSON.parse(new_parameters, null, 2);
        console.log(new_parameters);

        function getCookie(name) {
            var cookieValue = null;
            if (document.cookie && document.cookie !== '') {
                var cookies = document.cookie.split(';');
                for (var i = 0; i < cookies.length; i++) {
                    var cookie = cookies[i].trim();
                    // Does this cookie string begin with the name we want?
                    if (cookie.substring(0, name.length + 1) === (name + '=')) {
                        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                        break;
                    }
                }
            }
            return cookieValue;
        }

        var csrftoken = getCookie('csrftoken');

        $.ajax({
            type: "POST",
            url: $(this).data("ajax-url"),
            data: {
                csrfmiddlewaretoken: csrftoken,
                'data' : new_parameters,
            },
            dataType: 'json',
            success: function (data) {
                // alert(data);
            },
            error : function(resultat, statut, erreur){
                //
            }
        });
        // requête ajax > end

        // Remise à zéro de la liste
        new_parameters = [];
        parameters = {};


    });

for those interested, even if I am not ure it is the best code, I resolve my problem like this:对于那些感兴趣的人,即使我不确定它是否是最好的代码,我也会这样解决我的问题:

JS: JS:

...
        parameters = JSON.stringify(new_parameters, null, 2);

        function getCookie(name) {
            var cookieValue = null;
            if (document.cookie && document.cookie !== '') {
                var cookies = document.cookie.split(';');
                for (var i = 0; i < cookies.length; i++) {
                    var cookie = cookies[i].trim();
                    // Does this cookie string begin with the name we want?
                    if (cookie.substring(0, name.length + 1) === (name + '=')) {
                        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                        break;
                    }
                }
            }
            return cookieValue;
        }

        var csrftoken = getCookie('csrftoken');

        $.ajax({
            type: "POST",
            url: $('#modifier').data("ajax-url"),
            data: {
                csrfmiddlewaretoken: csrftoken,
                'data' : parameters,
            },
            dataType: 'json',
            success: function (data) {
                // alert(data);
            },
            error : function(resultat, statut, erreur){
                //
            }
        });

# requete ajax
def ajax(request):
    if request.method == "POST":
        data = request.POST.get('data',False)

        # https://www.programiz.com/python-programming/json
        data_dict = json.loads(data)
        print(data_dict)
        print(data_dict[0]['ran_st1'])

    else:
        datas = ''
        print('echec')

    return render(request, 'randomization_settings/ajax.html', {})

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM