ajax + aspx(入门)-call page/function

如果input text有修改的话,就呼叫后端程式

1.引入jQuery
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
2.建立Input
<input type="text" id="datepicker" runat="server">
3.Input value如果change,就呼叫后端function

                        <script>                $("#datepicker").on("change ", function () {                    alert($(this).val());                    var dataValue = "{ name: 'person', isGoing: 'true', returnAddress: 'returnEmail' }";                    $.ajax({                        type: "POST",                        url: "inputonchange.aspx/OnSubmit",                        data: dataValue,                        contentType: 'application/json; charset=utf-8',                        dataType: 'json',                        error: function (XMLHttpRequest, textStatus, errorThrown) {                            alert("Request: " + XMLHttpRequest.toString() + "\n\nStatus: " + textStatus + "\n\nError: " + errorThrown);                        },                        success: function (result) {                            alert("We returned: " + result.d);                        }                    });                });            </script>

4.后端程式

        //using System.Web.Services;        [WebMethod]        public static string OnSubmit(string name, bool isGoing, string returnAddress)        {                        return "it worked";        }

ref
https://stackoverflow.com/questions/8747439/detecting-value-change-of-inputtype-text-in-jquery
https://stackoverflow.com/questions/18236634/asp-net-jquery-ajax-calling-code-behind-method