C#中使用Ajax訪問後臺方法
阿新 • • 發佈:2019-01-27
之前學習的過程中,一直使用控制元件事件進行進行資料的CRUD操作,那麼現在擺脫控制元件,使用Ajax進行方法訪問
一個簡單的Demo,先來寫一個xxx.aspx.cs中的方法
String addMethod(String name)
{
return name+" back";
}
前臺jQuery做Ajax的時候,伺服器端可以呼叫aspx.cs 中宣告帶有[WebMehtod]的public static 的方法(不需要自己手動新增web.config的配置)
所以加上
using System.Web.Services;
[WebMethod]
public static String addMethod(String name)
{
return name+" back";
}
HTML引入jQuery檔案後
<div> <span>輸入項</span><input type="text" class="name"/> </div> <div> <span>顯示</span><input type="text" class="show" /> </div> <div> <input type="button" value="submit" class="submit" /> </div>
$(function() { $(".submit").click(function() { $.ajax({ type: "POST", url: "xxx.aspx/addMethod", contentType: "application/json; charset=utf-8", data: JSON.stringify({ name: $(".name").val() }), success: function(data) { $(".show").val(data.d); } dataType: "json" }); }); });
參照網上教程和同學的列子寫的,如有問題請指正,謝謝大家~