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

 更新时间:2023年11月29日 10:42:55   作者:864记忆  
这篇文章主要介绍了webform使用ajax访问后端接口的两种方法小结,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

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

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);
                    }
                });
            }
        }
 /// <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对象中的名称相同。

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);
            }
        });
    }
}
  
 /// <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();
    }

到此这篇关于webform使用ajax访问后端接口的两种方法的文章就介绍到这了,更多相关webform使用ajax访问后端接口内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 如何利用Ajax实现地区三级联动详解

    如何利用Ajax实现地区三级联动详解

    这篇文章主要给大家介绍了关于如何利用Ajax实现地区三级联动的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • 浅析IE浏览器关于ajax的缓存机制

    浅析IE浏览器关于ajax的缓存机制

    这篇文章主要介绍了IE浏览器关于ajax的缓存机制,文中给大家提到了Ajax解决浏览器的缓存问题,解决方法有很多种,需要的朋友可以参考下
    2018-08-08
  • Ajax实现跨域访问最新解决方案

    Ajax实现跨域访问最新解决方案

    在项目开发过程中,我们经常会遇到同一个域名下不同项目之间通过Ajax相互调用数据,这样问题就来了,如何通过Ajax实现跨域呢?下面脚本之家小编给大家带来了Ajax实现跨域访问最新解决方案,感兴趣的朋友一起看看吧
    2018-07-07
  • ajax后退解决方案

    ajax后退解决方案

    ajax后退解决方案,需要的朋友可以参考下。
    2011-09-09
  • 使用ajax实现分页技术

    使用ajax实现分页技术

    这篇文章主要为大家详细介绍了如何使用ajax实现分页技术,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • ECSHOP中实现ajax弹窗登录功能

    ECSHOP中实现ajax弹窗登录功能

    本文主要给大家介绍在ecshop中实现ajax弹窗登录功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下
    2017-03-03
  • 基于Jquery.history解决ajax的前进后退问题

    基于Jquery.history解决ajax的前进后退问题

    本文主要给大家介绍基于Jquery.history解决ajax的前进后退问题,涉及到jquery前进后退相关方面的知识,本文内容经典,非常具有参考价值,特此把jquery前进后退相关知识分享在脚本之家网站供大家参考
    2015-10-10
  • Ajax长连接项目案例

    Ajax长连接项目案例

    所谓的长连接,就是不断去发送请求,把请求阻塞在服务器端,每次超过请求时间就去重新发送请求,下面以一个实例为大家详细介绍下,感兴趣的朋友可不要错过了哈
    2013-08-08
  • ajax 数据库中随机读取5条数据动态在页面中刷新

    ajax 数据库中随机读取5条数据动态在页面中刷新

    以下是我在此编写一个程序时的时刻所遇到的问题。因为一开始经理给我分配了要我写一个在页面上动态的显示5条数据。
    2009-06-06
  • js跨域调用WebService的简单实例

    js跨域调用WebService的简单实例

    下面小编就为大家带来一篇js跨域调用WebService的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09

最新评论