使用 Razor 和 AJAX 从表单 POST 返回值

Question

我有一个简单的单字段 html 表单，我使用 AJAX 将值发布到服务器端脚本（用 Razor 编写）。表单用户必须猜测一个特定的值，并且会收到一条消息，这取决于它是否正确。

是否可以使用下面描述的方法返回消息？理想情况下，我想从我的服务器端脚本返回变量“消息”，并在前端向用户显示该值。

我的 HTML：

<form>
    <input type="text" id="value" name="value" />
    <button>Send</button>
</form>

我的 Ajax 调用：

$(document).on("click", "button", function(e){
    e.preventDefault(); 

    var dataString = "value=" + $("#value").val();

    $.ajax({
        type: "POST",
        url: "/post",
        data: dataString,
        success: function(data) {
            alert(data.returnedValue);
        }
    });         
});

我的服务器端脚本：

if(IsPost)
{
    string value = Request.Form["value"];
    string message = "";

    if(value.ToString() == "CorrectAnswer"){
        message = "Correct!";
        return message;
    }else{
        message = "Wrong!";
        return message;
    }
}

Answer 1

如果您的服务器页面是 Asp.net 页面 (.aspx)，您可能需要使用 Response.Write

    string value = Request.Form["value"];
    string message = "";

    if(value.ToString() == "CorrectAnswer"){
        message = "Correct!";
        return message;
    }else{
        message = "Wrong!";

    }
   Response.Write(message );

另外，这不会是回发事件。所以你不需要检查。

在你的脚本中，

success: function(data) {
            alert(data);
        }