-------------------------------------------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. ex3 多分类和神经网络

    介绍 在本练习中,您将实现一对多逻辑回归和神经识别手写数字的网络.在开始编程之前练习,我们强烈建议观看视频讲座并完成相关主题的复习问题.要开始练习,您需要下载起始代码并将其内容解压缩到要完成练习的目录 ...

  2. Angular ngTemplateOutlet

    虽然我们可以通过使用 ViewContainerRef 将 ElementRef创建的视图插入指定的位置,但是仍然希望有某中快捷的方式帮我们实现. ngTemplateOutlet与ngCompone ...

  3. P3724 [AH2017/HNOI2017]大佬

    传送门 发现保持自信和做其他事情互不干扰,可以直接做一次 $dp$ 求出最多能空出几天来怼大佬 然后就变成给你若干天,是否能怼死大佬,考虑求出所有的 天数和输出的嘲讽值集合,因为天数不多,嘲讽值增长很 ...

  4. Form表单的主要Content-Type

    在Spa单页面横行的时代,前后端交互基本都是Json交互(也有通过FormData的,比如上传文件).而在之前的Jsp,Php前后不分家的时候,前后交互好大一部分都是通过Form表单来完成的.From ...

  5. Rsync+sersync 数据同步指南

    (1):sersync 可以记录下被监听目录中发生变化的(包括增加.删除.修改)具体某一个文件或 某一个目录的名字: (2):rsync 在同步的时候,只同步发生变化的这个文件或者这个目录(每次发生变 ...

  6. CF3D Least Cost Bracket Sequence(2500的实力贪心...

    哎,昨天一直在赶课设..没有写 最近听了一些人的建议,停止高级算法的学习,开始刷cf. 目前打算就是白天懒得背电脑的话,系统刷一遍蓝书紫书白书之类的(一直没系统刷过),回宿舍再上机吧. https:/ ...

  7. 【串线篇】spring boot页面模板引擎

    如JSP.Velocity.Freemarker.Thymeleaf SpringBoot推荐的Thymeleaf:语法更简单,功能更强大: 一.引入thymeleaf <dependency& ...

  8. BZOJ 1911 特别行动队 (斜率优化)

    $ BZOJ~1911~*~ $ 特别行动队: (斜率优化) $ solution: $ 感觉这道题目还是比较常规的,首先我们很容易想到DP,因为题目里面说了选出的人都是连续的,这意味着我们可以从前往 ...

  9. python 小工具 重命名当前文件夹内所有的文件,升序命名

    背景:一个朋友想升序重命名他的照片,但是太多了不想手动所以,emememem os这个模块,不用说,rename,filedir等 #conding=utf8 import os path = os. ...

  10. 测试tensorflowgpu版本是否可用

    输入一下代码即可 import tensorflow as tf print(tf.test.is_gpu_available())