0

试图用表单值构建 xml。早些时候我是在 jQuery 的帮助下构建它的。jQuery 有一个错误，然后我必须使用纯 javascript 构建 XML。但是现在当我提交表单时，浏览器挂起并且请求没有到达控制器。
控制器

@RequestMapping(value="/save",method=RequestMethod.POST,consumes={"application/json", "application/xml", "text/xml", "text/plain"})
        @ResponseBody public String handleSave(@RequestBody String formData)
        {

            System.out.println("comes here");
            System.out.println(formData);



        return "SUCCESS";

    }

jQuery

$('form').submit(function () {
                    $.ajax({
                        url: $(this).attr('action'),
                        type: 'POST',
                        data: collectFormData(),
                        headers: {
                            "Content-Type":"application/xml"
                        },
                        dataType: 'application/xml',
                        success: function (data) {
                            alert('Success:'+data)
                        },
                        error: function (jqXHR, textStatus, errorThrown) {
                            console.log('jqXHR:'+jqXHR+'\n'+'textStatus:'+'\n'+textStatus+'errorThrown:'+errorThrown);
                        }
                    });

                    return false;
                });

收集表格数据

function collectFormData()
            {
                $rootElement = $('<FormXMLDoxument/>');
                xmlDoc = document.implementation.createDocument("", "", null);
                root = xmlDoc.createElement($('form').attr('name'));
                $('form').find('div.section').each(function(index, section) {
                    sectionElement = xmlDoc.createElement($(section).attr('name'));
                    $(section).find('input').each(function(i, field) {
                        fieldElement  = xmlDoc.createElement($(field).attr('name'));
                        fieldText=xmlDoc.createTextNode($(field).val());
                        fieldElement.appendChild(fieldText);
                        sectionElement.appendChild(fieldElement);
                    });
                    root.appendChild(sectionElement);
                });
                console.log((new XMLSerializer()).serializeToString(root));
                return root;                    
            }

如果我用 jQuery 实现 collectFormData 一切正常，但随后我在元素名称上松了驼峰式大小写。
旧的 collectFormData

function collectFormData()
            {
                $rootElement = $('<FormXMLDoxument/>');
                $formElement = $.createElement($('form').attr('name'));
                $('form').find('div.section').each(function(index, section) {
                    var $sectionElement = $.createElement($(section).attr('name'));
                    $(section).find('input').each(function(i, field) {
                        console.log($(field).attr('name'));
                        var $fieldName  = $.createElement($(field).attr('name'));
                        $fieldName.text($(field).val());
                        $sectionElement.append($fieldName);
                    });
                    $formElement.append($sectionElement);
                });
                $rootElement.append($formElement);
                console.log('Form XML is '+$rootElement.html());
                return $rootElement.html();                 
            }

我的问题与 jQuery错误有关

4

0 回答 0