您的位置：首页 > Web前端 > JavaScript

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

2015-08-02 15:37 916 查看

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>

用户名:    <input id="Text1" type="text"/><asp:Label ID="Label1" runat="server" Text=""></asp:Label>
<br />

密码：     <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();  //输出后关掉
}
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航