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

最新推荐文章于 2024-06-13 20:49:38 发布

weixin_30762087

最新推荐文章于 2024-06-13 20:49:38 发布

阅读量87

点赞数

文章标签： javascript ui xhtml ViewUI

原文链接：http://www.cnblogs.com/275147378abc/p/4695861.html

版权

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

weixin_30762087

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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"><hea...
复制链接

扫一扫