快捷導(dǎo)航

webform使用ajax訪問后端接口的兩種方法小結(jié)

更新時間：2023年11月29日 10:42:55 作者：864記憶

這篇文章主要介紹了webform使用ajax訪問后端接口的兩種方法小結(jié),本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下

第一種方法：ajax前后端交互，前端使用這種傳參方式：JSON.stringify({obj:JSON.stringify(json_obj)})，而后端使用這種接參方式：public static string mymethod(string obj)，注意前后端參數(shù)的名稱必須相同。

function login() {
            var username_str = $("#username").textbox("getValue");
            var pwd_str = $("#password").textbox("getValue");
            if (username_str != "" && pwd_str != "") {
                var json_obj = {
                    username: username_str,
                    password: pwd_str,
                };
                $.ajax({
                    type: "POST",
                    url: "login.aspx/mymethod",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    data: JSON.stringify({obj:JSON.stringify(json_obj)}),//傳遞 JSON 對象，注意參數(shù)名需要與 WebMethod 中的一致
                    success: function (result) {
                        var json_result_data = JSON.parse(result.d);
                    },
                    error: function (error) {
                        console.log(error);
                    }
                });
            }
        }

 /// <summary>
        /// 登錄方法
        /// </summary>
        /// <param name="loginJsonObj">含有用戶名和密碼的json對象字符串</param>
        /// <returns></returns>
        [WebMethod]
        public static string mymethod(string obj)
        {
            JObject data = new JObject(
                           new JProperty("jg", false)
            );
            // 解碼 Base64 并將 JSON 字符串轉(zhuǎn)換為對象
            LoginInfo jsonObj = JsonConvert.DeserializeObject<LoginInfo>(obj);
            string username_str = jsonObj.username.Trim();
            string password_str = jsonObj.password.Trim();
            string sqlstr = "select * from userinfo where username=@UserName";
            // 創(chuàng)建參數(shù)集合
            SqlParameter[] parameters = {
                         new SqlParameter("@UserName", username_str),
                     };
            DataTable userInfo_dt = SqlHelper.ExecuteDataTable(sqlstr, parameters);
            if (userInfo_dt != null && userInfo_dt.Rows.Count > 0)
            {
                if (password_str.Equals(userInfo_dt.Rows[0]["password"].ToString().Trim()))
                {
                    data["jg"] = true;
                }
            }
            return data.ToString();
        }

第二種方法：ajax前后端交互，前端使用這種傳參方式：data: JSON.stringify(json_obj)，而后端使用用這種接參方式:public static string login_method(string username,string password),參數(shù)名必須與json對象中的名稱相同。

function login_2() {
    var username_str = $("#username").textbox("getValue");
    var pwd_str = $("#password").textbox("getValue");
    if (username_str != "" && pwd_str != "") {
        var json_obj = {
            username: username_str,
            password: pwd_str,
        };
        $.ajax({
            type: "POST",
            url: "login.aspx/login_method",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: JSON.stringify(json_obj),//傳遞 JSON 對象，注意參數(shù)名需要與 WebMethod 中的一致
            success: function (result) {
                var json_result_data = JSON.parse(result.d);
            },
            error: function (error) {
                console.log(error);
            }
        });
    }
}

  
 /// <summary>
    /// 登錄方法
    /// </summary>
    /// <param name="loginJsonObj">含有用戶名和密碼的json對象字符串</param>
    /// <returns></returns>
    [WebMethod]
    public static string login_method(string username,string password)
    {
        JObject data = new JObject(
                       new JProperty("jg", false)
                   );
        string sqlstr = "select * from usertb where username=@UserName";
        // 創(chuàng)建參數(shù)集合
        SqlParameter[] parameters = {
                     new SqlParameter("@UserName", username),
                 };
        DataTable userInfo_dt = SqlHelper.ExecuteDataTable(sqlstr, parameters);
        if (userInfo_dt != null && userInfo_dt.Rows.Count > 0)
        {
            if (password.Equals(userInfo_dt.Rows[0]["password"].ToString().Trim()))
            {
                data["jg"] = true;
            }
        }
        return data.ToString();
    }

到此這篇關(guān)于webform使用ajax訪問后端接口的兩種方法的文章就介紹到這了,更多相關(guān)webform使用ajax訪問后端接口內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: