这是我能想到的最简单的示例,它使用 Ajax 和 ASP.Net。
- 使用 JQuery,因为它简化了 Ajax 请求
- 不使用 ASP.Net AJAX,因为它在核心技术之上添加了抽象,这不是开始学习的好方法
一、UserInput.aspx
<html>
<input type='text' id='SomeUserInput' />
<input type='submit' value='submit' id='SubmitButton' />
<script src='http://code.jquery.com/jquery-1.10.2.js'></script>
<script>
// wait for the document to load
$(document).ready(function() {
// handle the button click
$("#SubmitButton").on("click", function(e) {
// stop the page from submitting, so we can make the Ajax call
e.preventDefault();
// retrieve the user input
var userInput = $("#SomeUserInput").val();
// make the Ajax request
$.post("AjaxHandler.aspx", { saveText: userInput }, function(response) {
// handle response from the server
alert("Request is complete. Result: " + response);
});
});
});
</script>
</html>
二、AjaxHandler.aspx
<%@ Page Language="C#" %>
<%
string userInput = Request.Params["saveText"];
// use the input here
Response.Write("done, maybe?");
%>