webform使用ajax访问后端接口的两种方法

第一种方法:ajax前后端交互,前端使用这种传参方式:JSON.stringify({obj:JSON.stringify(json_obj)}),而后端使用这种接参方式:public static string mymethod(string obj),注意前后端参数的名称必须相同。

csharp 复制代码
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 对象,注意参数名需要与 WebMethod 中的一致
                    success: function (result) {
                        var json_result_data = JSON.parse(result.d);
                    },
                    error: function (error) {

                        console.log(error);
                    }
                });
            }
        }
csharp 复制代码
 /// <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 字符串转换为对象
            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";
            // 创建参数集合
            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),参数名必须与json对象中的名称相同。

csharp 复制代码
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 对象,注意参数名需要与 WebMethod 中的一致
            success: function (result) {
                var json_result_data = JSON.parse(result.d);
            },
            error: function (error) {

                console.log(error);
            }
        });
    }
}
csharp 复制代码
  

 /// <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";
        // 创建参数集合
        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();
    }

秋风写于淄博,业务咨询与技术交流:Q375172665

相关推荐
豆苗学前端4 分钟前
从零开始教你如何使用 Vue 3 + TypeScript 实现一个现代化的液态玻璃效果(Glass Morphism)登录卡片
前端·vue.js·面试
光影少年6 分钟前
react16-react19都更新哪些内容?
前端·react.js
奇舞精选13 分钟前
用 AI 提效的新方式:全面体验 Google Gemini CLI
前端·google·ai编程
我命由我1234535 分钟前
Vue 开发问题:Missing required prop: “value“
开发语言·前端·javascript·vue.js·前端框架·ecmascript·js
16年上任的CTO35 分钟前
一文讲清楚React中的key值作用与原理
前端·javascript·react.js·react key
快起来别睡了41 分钟前
Vue 中组件的生命周期与 v-if、v-show 的区别详解
前端·vue.js
阳火锅44 分钟前
在生产环境下,你真的有考虑到使用数组方法的健壮性吗?
前端·javascript·面试
孤月葬花魂1 小时前
JavaScript 中的 Promise API 全面解析
前端·javascript
几道之旅1 小时前
Electron 应用打包全指南
前端·javascript·electron
shushushu1 小时前
Web如何自动播放音视频
前端·javascript