转载

ajax 传值,Ajax: Asynchoronous Javascript and xml (异步的js和xml). 异步刷新,异步传递.替代表单提交数据,回调函数处理返回的...

aspx里的代码

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        #Password1 {
            height: 15px;
        }
        #Text1 {
            height: 15px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
       
        用户名:&nbsp;&nbsp;&nbsp; <input id="Text1" type="text"/><asp:Label ID="Label1" runat="server" Text=""></asp:Label>
        <br />

        密码:&nbsp; &nbsp;&nbsp; <input id="Password1" type="password"/><br />
        <br />
       
        <input id="Button1" type="button" value="button" /><br />  
    </div>
    </form>
</body>
</html>
<script src="jquery-1.11.2.min.js" type="text/javascript"></script>
<script>
    //当页面准备好之后再去触发function函数
    $(document).ready(function () {
        $("#Text1").blur(function () {     //获取文本框的值并触发blur焦点离开事件,用Ajax把值传输出去,并接受,然后通过值来改变样式
            var txt = $(this).val();  //获取文本框的值
            //获取值之后用ajax发送出去
            $.ajax({                                       //ajax的一个方法
                url: "Default2.aspx",              //要发送的地址
                type: "POST",                          //要发送的方式
                data: { uid: txt },                         //要传的值。相当于Default2.aspx?uid=txt,必须通过data来传值.querystring的传值数据值
                //开始接受返回数据
                datatype: "xml",                          //接受返回值类型,为xml格式
                success: function (data)           //执行回调函数,data就是返回的数据
                {
                    //var a = $(data).find("count").val();   //从data里找count标签,并获取到他的文本.这个方法获取不到,用下面的那种方法
                    var a = $(data).text();
                
                    var b = $("#Label1");
                    if (parseInt (a) == 5) {
                        b.text("用户名可以使用");
                        //$("#Label1").html("用户名可以使用");
                    }
                    else {
                        b.text = "用户名不能使用";
                   }

                }
            });
        });
    });
</script>

axpx.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 Default2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        string uid = Request["uid"].ToString();
        int count = 5;
        //获取uid的值后就可以进行查询验证
        //用xml把值传回Aajx,xml就是一对对的标签
        Response.Write("<?xml version='1.0'?>");    //xml的格式
        Response.Write("<count>"+count.ToString()+"</count>");   //这样代码就传回去了,存在success里data里
        Response.End();  //输出后关掉
    }
}

 

转载于:https://www.cnblogs.com/275147378abc/p/4695861.html

正文到此结束
本文目录