无法使用 ajax 将数据发送到 asp.net mvc 控制器

Question

您好，我在通过 ajax 向我的 asp.net 控制器发送数据时遇到问题。当我尝试在 Opera 检查器中查看问题时，我在 jquery 行 8720 上收到服务器 500 错误。 xhr.send( ( s.hasContent && s.data ) || null ); 这是我的代码示例： html:

      <div class="top-row">
            <div class="field-wrap">

                    <label>
                        <span class="req"></span>
                    </label>
                    <input class="text-center" type="text" required autocomplete="off"  name="url" id="url" />

            </div>


          </div>



          <button type="submit" class="button button-block" name="sendIT" id="sendIT">Save</button>



        </div>

Javascript：

var button1 = document.getElementById("sendIT");
function LoginButton1OnClick() {
    var text = $('#url').val();
    alert(text);
    $.ajax({
        type: 'POST',
        url: '/Book/TestBook',
        crossDomain: true,
        data: text,
        success: function () {
            alert('success');
        }, error: function (data) {
            alert("Error");  
        }
    });
}
button1.addEventListener("click", LoginButton1OnClick);

C#:

[HttpPost]在此输入代码 public ActionResult TestBook(string test) { var s1 = test; return View(); }

Answer 1

您需要将数据作为对象发布

$.ajax({
    type: 'POST',
    url: '/Book/TestBook',
    crossDomain: true,
    data: {test: text},
    success: function () {
        alert('success');
    }, error: function (data) {
        alert("Error");  
    }
});

Answer 2

您收到的错误 500 是因为您的 ajax POST 请求中的“数据”格式错误。您需要将数据作为对象发送：

Javascript

    $.ajax({
        type: 'POST',
        url: '/Home/TestBook',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: JSON.stringify({test: text }),
        success: function (data) {
            alert('success');
        }, error: function (data) {
            alert("Error");
        }
    });

请注意，javascript 中的“test”参数需要与控制器中的名称完全相同。