-------------------------------------------jQury+Ajax调用后台方法-------------------------------------------

JS:
  function CarState(carID) {
            $.ajax({
                type: "Post",
                url: "ShowMap.aspx/GetCarState",
                //方法传参的写法一定要对,str为形参的名字  
                data: "{'carid':'" + carID + "' }",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    //返回的数据用data.d获取内容   
                    alert(data.d);
                }
            });
        }
后台:

using System.Web.Script.Services;
using System.Web.Services;

[WebMethod]
   public static string GetCarState(string carid)
   {
            return "Hello world!";
    }

-------------------------------------------jQuery+Ajax提交表单-------------------------------------------

HTML:

<form id="form1" class="form form-horizontal" action="Login.aspx" method="post" style="margin-left:-10px;margin-top:-10px">
                <div class="row cl" style="margin-top:60px;">              
                    <div class="formControls col-8"  style="margin-top:-5px;">
                        <input id="t_name" name="t_name" type="text" placeholder="账户" autocomplete="off" class="input-text size-L" value="" />
                    </div>
                </div>
                <div class="row cl">
                 
                    <div class="formControls col-8" style="margin-top:-5px;">
                        <input id="t_pwd" name="t_pwd" type="password" placeholder="密码" autocomplete="off" class="input-text size-L" value="" />
                    </div>
                </div>     
                <div class="row">
                    <div class="formControls col-8 col-offset-3">
                        <input id="b_submit" type="submit" class="btn btn-success radius size-L" value="登录" onclick="validate(); return false;" />

<span id="loading" class="btn btn-success radius size-L hidden">登录中...</span>          
                    </div>
                </div>         
            </form>

JS:

<script src="Scripts/jquery-1.11.3.js"></script>
 <script src="Scripts/jquery.form.js" ></script>
 <script src="Scripts/layer/layer.js"></script>

<script type="text/javascript">
    
        function validate() {
            if ($("#t_name").val() == "") {
               layer.msg("请输入账户名!");
            } else if ($("#t_pwd").val() == "") {
                layer.msg("请输入密码!");
            } else {              
                $("#form1").ajaxSubmit({
                    dataType: "json",
                    beforeSubmit: function () {
                        $("#b_submit").hide();
                        $("#loading").removeClass("hidden");
                    }, success: function (resp) {
                        if (resp.res == 1) {       //登录成功
                            window.location.href = resp.data;
                        } else {                      //登录失败
                            $("#b_submit").show();
                            $("#loading").addClass("hidden");
                            $("#t_code").val("");                   
                            layer.msg(resp.msg);
                        }
                    }, error: function (e) {  
                        $("#b_submit").show();
                        $("#loading").addClass("hidden");                                     
                    }
                });
            }
        }
        //将光标定位到用户名输入框
        window.onload = function () {
            document.getElementById("t_name").focus();
        }
    </script>

C#后台(.aspx.cs文件)

protected void Page_Load(object sender, EventArgs e)
        {

if (IsPost)
                LoginUser();
        }
        private void LoginUser()
        {
            if (IsLocalRequest && !IsRepeatPost)
            {
                string loginname = GetFormString("t_name");
                string loginpwd = GetFormString("t_pwd");
          
                if (loginname == "")
                    ResponseText(Newtonsoft.Json.JsonConvert.SerializeObject(new { res = 0, msg = "请输入用户名!" }));
                else if (loginpwd == "")
                    ResponseText(Newtonsoft.Json.JsonConvert.SerializeObject(new { res = 0, msg = "请输入密码!" }));
                   
                else
                {
                    string str = Common.Utils.MD5(loginpwd.ToLower());
                    t_member model = MemberDal.m_MemberDal.GetModel(string.Format(" mb_name = '{0}' and mb_pwd='{1}'", loginname, Common.Utils.MD5(loginpwd.ToLower())));
                    if (model != null)
                    {
                        if (model.mb_islock == 1)
                            ResponseText(Newtonsoft.Json.JsonConvert.SerializeObject(new { res = 0, msg = "无法登录,该账户被锁定!" }));
                        else
                        {
                            model.mb_logintime = DateTime.Now.ToString();
                            model.mb_loginip = Request.UserHostAddress;
                            MemberDal.m_MemberDal.Update(model);
                            Response.Cookies[":member"].Value = Common.Serialize.SerializeObject(model);
                            Response.Cookies[":member"].Expires.AddDays(1);
                            ResponseText(Newtonsoft.Json.JsonConvert.SerializeObject(new { res = 1, msg = "登录验证通过", data = "/Master.aspx" }));
                        }
                    }
                    else {
                        ResponseText(Newtonsoft.Json.JsonConvert.SerializeObject(new { res = 0, msg = "账号或密码不正确!" }));
                    
                    }
                }
            }
        }

jQury+Ajax与C#后台交换数据的更多相关文章

  1. 8.ajax与django后台json数据的交互

    1新建django项目名为json_ajax,应用名为app,在templates模板中新建ajax.html文件 ajax.html <!DOCTYPE html> <html l ...

  2. ashx 获取ajax Post到后台json数据

    前台页面代码: var json = [{ "Name": "Pavan Kumar Pabothu", "Age": 27, " ...

  3. jsp与后台交换数据(安全目录外)

    function changebasin(rivername,codepollute){ $.ajax({ type: "POST", url: "${ctx}/wate ...

  4. ajax中的后台返回数据data的意义

  5. node学习笔记(二)(ajax方式向node后台提交数据)

    通过ajax向node后台提交数据过程(附手写前后台代码),并总结post与get的区别 POST 前台代码 //CSS简单给点样式 <style> form{ width: 200px; ...

  6. 【spring 后台跳转前台】使用ajax访问的后台,后台正常执行,返回数据,但是不能进入前台的ajax回调函数中

    问题: 使用ajax访问的后台,后台正常执行,并且正常返回数据,但是不能进入前台的ajax回调函数中 问题展示:  问题解决: 最后发现是因为后台的方法并未加注解:@ResponseBody,导致方法 ...

  7. jquery ajax提交json格式的数据,后台接收并显示各个属性

    我的表单如下: <form onsubmit="return false"> <ul> <li><span>用户名</span ...

  8. 通过ajax和spring 后台传输json数据

    在通过ajax从页面向后台传数据的时候,总是返回415(Unsupported media type)错误,后台无法获取数据.如下图所示: 在尝试解决这个问题的时候,我们首先要理解一下概念: @req ...

  9. Jquery EasyUI +Ajax +Json +一般处理程序 实现数据的前台与后台的交互 --- 善良公社项目

    经过上一篇博客,本节主要是来看实现的功能是后台的数据通过json数据传过来,前台修改的数据再传回数据库之后页面再次更新table中的数据: 图示: 实例:前台的代码 <%--表格显示区--%&g ...

随机推荐

  1. React中state和props分别是什么?

    整理一下React中关于state和props的知识点. 在任何应用中,数据都是必不可少的.我们需要直接的改变页面上一块的区域来使得视图的刷新,或者间接地改变其他地方的数据.React的数据是自顶向下 ...

  2. Python笔记(读取txt文件中的数据)

    在机器学习中,常常需要读取txt文本中的数据,这里主要整理了两种读取数据的方式 数据内容 共有四列数据,前三列为特征值,最后一列为数据标签 40920 8.326976 0.953952 3 1448 ...

  3. 解决Vscode编辑器不能打开多标签页问题

    问题描述:编辑代码时,初用vscode,不能打开多个文件:每打开一个文件,都会替换前面一个文件标签,很不方便切换编码: 想要的效果: 解决方式: 方法一: 找到setting.json文件,最外层花括 ...

  4. python 数据分析 Numpy(Numerical Python Basic)

    a = np.random.random((2,4)) a Out[5]: array([[0.20974732, 0.73822026, 0.82760722, 0.050551 ], [0.773 ...

  5. 一条sql引发的“血案”

    前几天有一个项目要上线,需要对表的一个字段进行扩充,项目经理让我准备脚本,于是我准备了如下的脚本: )); )); )); 结果上线的时候,ord_log1和ord_log2表中有30万数据,在执行的 ...

  6. tomcat日志切割脚本shell

    tomcat-rotate.sh: #!/bin/bash log_path="/home/tomcat7-api/logs/"expried_time=7 function de ...

  7. Java List 类型转换

    java的类型转换让人忍不住在开始编码前骂一声  FUCK! 1  子类转父类 up List<SubClass> subs = ...; List<? extends BaseCl ...

  8. AOP技术介绍--(.Net平台AOP技术研究)

    4.1.Net平台AOP技术概览 .Net平台与Java平台相比,由于它至今在服务端仍不具备与unix系统的兼容性,也不具备类似于Java平台下J2EE这样的企业级容器,使得.Net平台在大型的企业级 ...

  9. generator (2)

    generator 的使用 第一次调用next  时  传参没有任何意义  打印不出来任何结果 function * read(){ let a = yield 1; console.log(a); ...

  10. Pycharn破解补丁激活

    Pycharn破解补丁激活 到期时间: 1.  下载 https://pan.baidu.com/s/1mcQM8CLUnweY02ahKEr4PQ 并将 JetbrainsCrack-release ...