0

これはやや繰り返し発生する問題であり、解決策はほとんど見つかりませんでしたが、どれもうまくいきません。
jQuery AJAX でフォームを投稿しようとしています。

注：クライアント側の問題だと思って、昨日投稿しました。クライアント側で可能な限りすべてを試しましたが、うまくいきませんでした。

スプリングコントローラー

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


        System.out.println(formData);
}

jQuery Request (人々がコメントで提案したことをすべて試しました)

送信するdata:$(this).serialize()と正常に動作しますcontentType:application/json

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

                    return false;
                });

collectFormData()

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

HTML

<div class="section" name="amount">
        <span class="section-title">Personal Information</span>
          <div class="span6 form-inline">
                <label class="pocLabel">
                    <span style="color:red;">*</span>
                Amount Of Insurance</label>
                <input type="text" name="amount-amountOfInsurance" required="" id="123456" onblur="validateWithPRASE(this)">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">
                    <span style="color:red;">*</span>
                Customer First Name</label>
                <input type="text" name="amount-firstName" required="">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">
                    <span style="color:red;">*</span>
                Customer Last Name</label>
                <input type="text" name="amount-lastName" required="">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">
                    <span style="color:red;">*</span>
                Middle intials</label>
                <input type="text" name="amount-middleIntials" required="">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">
                    <span style="color:red;">*</span>
                Date</label>
                <input type="text" id="datepicker" class="datepicker" name="date">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">
                Street Address</label>
                <input type="text" name="amount-address">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">
                City</label>
                <input type="text" name="amount-city">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">
                State</label>
                <input type="text" name="amount-state">
          </div>
          <div class="span6 form-inline">
                <label class="pocLabel">
                State 2</label>
                <input type="text" name="amount-state">
          </div>
        <div class="row-fluid show-grid">
        </div>
      </div>
4

2 に答える 2

1

コントローラーは JSON のみを受け入れます。XML を消費することはありません。両方を消費するようにしてください。

@RequestMapping(value="/save",
                method=RequestMethod.POST,
                consumes={"application/json", "application/xml"})
于 2013-08-01T12:31:25.747 に答える
0

次のように、の代わりに でcharset定義する必要があると思います。contentTypedataType

$('form').submit(function () {
    $.ajax({
        url: $(this).attr('action'),
        type: 'POST',
        data: collectFormData(),
        dataType: 'xml',
        contentType: "text/xml; charset=utf-8",
        success: function (data) {
            alert('data:'+data)
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert('jqXHR:'+jqXHR+'\n'+'textStatus:'+'\n'+textStatus+'errorThrown:'+errorThrown);
        }
    });

    return false;
});

また、XML データがバージョンとエンコーディングで始まっていることも確認してください。

<?xml version="1.0" encoding="UTF-8"?>
于 2013-07-31T18:53:59.853 に答える