-------------------------------------------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. VBA中Let与Set的区别

    Let与Set的区别 1.在“类模块”中 Property Let 语句 在Class块中,是给普通变量进行赋值操作的Property,该种Property将不能在其前面使用Set,因而将不能用户对对 ...

  2. HDU2112 HDUToday

    HDU Today Time Limit: 15000/5000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total Su ...

  3. 音频视频的播放的进度调整(以.net为例)

    Background:对于音视频在线播放,一些小应用是靠nginx处理访问视频.音频文件的请求,对外应用的一般会托管至各种云上使用相关的服务.前者存在巨大的安全隐患,后者会有一定的成本.有的时候还是需 ...

  4. Spring、Spring MVC、Struts2、、优缺点整理(转)

    Spring 及其优点 大部分项目都少不了spring的身影,为什么大家对他如此青睐,而且对他的追捧丝毫没有减退之势呢 Spring是什么: Spring是一个轻量级的DI和AOP容器框架. 说它轻量 ...

  5. JDK 8 中Stream流中的去重的方法

    JDK 8 中Stream流中去重的方法 1.简单的去重,可以使用distinct()方法去重,该方法是通过比较equals和hashcode值去去重, 2.复杂的去重, 例如,在一个JavaBean ...

  6. lua视频教程三套高清新

    目录 1. 下载地址 2. 某网校 Lua 经典教程 3. lua脚本语言零基础开发教程19课全 4. LUA完整视频+Cocos2d-x项目实战 1. 下载地址 https://www.cnblog ...

  7. C# 获取系统环境数据

    using System; using System.Data; using System.Text.RegularExpressions; using System.Threading; names ...

  8. 88-基于FMC接口的2路CameraLink Base输入子卡模块

    基于FMC接口的2路CameraLink Base输入子卡模块 1.板卡概述 FMC连接器是一种高速多pin的互连器件,广泛应用于板卡对接的设备中,特别是在xilinx公司的所有开发板中都使用.该Ca ...

  9. 【Leetcode周赛】比赛目录索引

    contest 1 ~ contest 10: contest 11 ~ contest 20: contest 21 ~ contest 30 : https://www.cnblogs.com/z ...

  10. Linux 部署或升级openssh7.5p1

    运维Linux系统,部署或升级openssh是经常面临的事,以下已redhat6和redhat7为例. 在redhat6中部署openssh会有什么坑,在编辑openssh源码包时会报一些类似的错误, ...