jquery异步

最新推荐文章于 2021-10-28 08:44:14 发布

Tz_luoqi

最新推荐文章于 2021-10-28 08:44:14 发布

阅读量348

点赞数

分类专栏： C#

本文链接：https://blog.csdn.net/Tz_luoqi/article/details/7740936

版权

C# 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

此处介绍的是jquery的异步，写了个登陆的小例子，这段代码对会异步的人来说可能是垃圾，但是对初学者很有用，因为比较简单易懂

首先我们需要引用jquery的js文件

具体代码如下：

html代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Report_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="../js/jquery-1.4.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#btn_test").click(function () {
                var userName = $("#txt_User").val();//用户名
                var userPwd = $("#txt_Pwd").val();//密码
                $.ajax({
                    type: "POST",   //提交方式，可是GET也可以说POST
                    url: "Default.aspx",   //异步的页面，一般都是本页
                    data: "UserName=" + userName+"&UserPwd="+userPwd+"&PageAction=Login",   //这里的data是指传递的参数，可以在后台接收这些参数
                    dataType: "text",    //dataType表示返回数据的类型，可以是text、xml、json等
                    success: function Success(data) {   //data后台返回来的数据
                        alert(data);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    用户名：<input type="text" id="txt_User" />
    密  码：<input type="text" id="txt_Pwd" />
    <input type="button" value="登陆" id="btn_test" />
    </div>
    </form>
</body>
</html>

.CS后台代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Report_Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            if (!string.IsNullOrEmpty(Request["PageAction"])&&Request["PageAction"]=="Login")
            {
                if (!string.IsNullOrEmpty(Request["UserName"]))
                {
                    string message = string.Empty;
                    if (!string.IsNullOrEmpty(Request["UserPwd"]))
                    {
                        if (Request["UserName"] == "admin" && Request["UserPwd"] == "123")
                        {
                            message = "登陆成功！";
                        }
                        else
                        {
                            message = "登陆失败，用户名或者密码错误！";
                        }
                    }
                    else
                    {
                        message = "请输入密码！";
                    }
                    Response.Write(message);//输入给前台接收
                    Response.End();
                }
                else
                {
                    Response.Write("请输入用户名！");
                    Response.End();
                } 
            }
        }
    }
}

Tz_luoqi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery异步

此处介绍的是jquery的异步，写了个登陆的小例子，这段代码对会异步的人来说可能是垃圾，但是对初学者很有用，因为比较简单易懂首先我们需要引用jquery的js文件具体代码如下：html代码： $(document).ready(function () { $("#btn_test").click(f
复制链接

扫一扫