最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

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

XAMPP下载 admin 841浏览 0评论
 如果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”;
}

转载请注明:XAMPP中文组官网 » ajax + aspx(入門)-call page/function

您必须 登录 才能发表评论!