asp.net利用Ajax和Jquery在前台向後台傳參數並傳回值的執行個體

1》前台

首先需要 Jquer的包

複製代碼 代碼如下:<script src="js/jquery-1.9.1.js" type="text/javascript"></script>

下面是 <script type="text/javascript">

$(function () {

$('#txtUserName').blur(function () {

var username = $(this).val();

$.ajax({

type: "post",

contentType: "application/json",//傳值的方式

url: "WebAjaxForMe.aspx/GetValueAjax",//WebAjaxForMe.aspx為目標檔案，GetValueAjax為目標檔案中的方法

data: "{username:'" + username + "'}",//username 為想問後台傳的參數（這裡的參數可有可無）

success: function (result) {

alert(result.d);//result.d為後台返回的參數

}

})

})

})

</script>

//這裡是參數的來源

<input id="txtUserName" type="text" />

2》後台

在後台首先要添加using System.Web.Services;的引用

複製代碼 代碼如下:[WebMethod]//方法前邊必須添加 [WebMethod]

public static string GetValueAjax(string username)//這個方法需要是靜態方法要用到關鍵字static

{

//在這裡可以對傳進來的參數進行任何操作

　　　　return username;

}