之前學習的過程中,一直使用控制元件事件進行進行資料的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"
        }); 
    });       
});
 

參照網上教程和同學的列子寫的,如有問題請指正,謝謝大家~