如何将变量值分配给ajax块中的xml字段

Question

I am new to ajax. ,I have problem with adding XML data field in ajax query.

$.ajax({

            type: "POST",

            url: "communication.cgi",

            async: true,
            cache: false,

            data: "<Message MainPageID=\"0\" pageID=\"1\" WebpageName=\"page1\" Action=\"upload\" />",

            datatype: "text",

            error: function(jqXHR, textStatus, errorThrown) 
            {   
                //TODO
            },

            success: function(data) 
            {
                //TODO
            }
        });

From the above data field, i need add filename as another one new field. The filename is stored in a variable like,

var filename = $("#file_selector_upload").val(); // filename depends on uploaded file name.

Now, This filename field need to add with the above said data field. how can add it?

Answer 1

I would send the data as an JSON Object instead of XML like this:

$.ajax({

    type: "POST",

    url: "communication.cgi",

    async: true,
    cache: false,

    data: 
    {
        'Message':
        {
            'MainPageID': 0,
            'pageID': 1,
            'WebpageName': 'page1',
            'Action': 'upload',
            'filename': $("#file_selector_upload").val()
        }
    },

    datatype: "JSON",

    error: function(jqXHR, textStatus, errorThrown) 
    {   
        //TODO
    },

    success: function(data) 
    {
        //TODO
    }
});

But if you want to send it as XML, why dont just manipulate the XML-String?

$.ajax({

    type: "POST",

    url: "communication.cgi",

    async: true,
    cache: false,

    data: '<Message filename="'+$("#file_selector_upload").val()+'" MainPageID="0" pageID="1" WebpageName="page1" Action="upload" />',

    datatype: "text",

    error: function(jqXHR, textStatus, errorThrown) 
    {   
        //TODO
    },

    success: function(data) 
    {
        //TODO
    }
});