ajax role.html,ajax简单登录

js部分(default.aspx)

var xmlHttp;

function CreateXMLHttpRequest()

{

if(window.XMLHttpRequest)

{

xmlHttp =new XMLHttpRequest();

}else if(window.ActiveXObject)

{

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP") ;

}

}

function login()

{

CreateXMLHttpRequest();   //创建组建

var name=document.getElementById("").value;

var password=document.getElementById("").value;

var url="Login.aspx?name="+name+"&password="+password;

xmlHttp.open("get",url,true); //初始化数据

xmlHttp.onreadystatechange=iscallback; //设置回调函数

xmlHttp.send(null);

}

function iscallback()

{

if(xmlHttp.readyState==4&& xmlHttp.status==200 && xmlHttp.responseText=="true")

{

document.getElementById("txtmsg").value="success";

}

else

document.getElementById("txtmsg").value="fail";

}

//body 部分(default.aspx)

username: 

passowrd:  

//处理部分(Login.aspx.cs)

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

string name = Request.QueryString["name"];

string pwd = Request.QueryString["password"];

if (name != "" || name != "null" || pwd != "" || pwd != "null")

{

int result = geruser(name, pwd);

if (result > 0)

{

Response.Write("true");

Response.End();

}

}

}

}

public static string conStr = @"Server=(local);DataBase=TengDa;Trusted_Connection=Yes";

public static SqlConnection connection;

public static SqlConnection getConnection

{

get

{

if (connection == null)

{

connection = new SqlConnection(conStr);

connection.Open();

}

else if (connection.State == System.Data.ConnectionState.Closed)

{

connection.Open();

}

else if (connection.State == System.Data.ConnectionState.Broken)

{

connection.Close();

connection.Open();

}

return connection;

}

}

//

public static int geruser(string name, string pwd)

{

string sql = "select * from Role where RoleName='" + name + "' and RoleRemark='" + pwd + "'";

SqlCommand cmd = new SqlCommand(sql, getConnection);

return Convert.ToInt32(cmd.ExecuteScalar());

}

来源:https://www.cnblogs.com/liufei88866/archive/2010/12/23/1914467.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现Ajax的弹出式窗口,可以使用一些流行的JavaScript库,比如jQuery,Bootstrap等。以下是一个简单的实现方式: 1. 在HTML页面中添加一个按钮或链接,用于触发弹出式窗口的显示。 2. 在JavaScript代码中,使用jQuery或其他库的Ajax方法来获取需要在弹出式窗口中显示的内容。 3. 在获取到内容后,将其插入到弹出式窗口的HTML代码中。 4. 显示弹出式窗口,并将内容显示在其中。 下面是一个示例代码,使用了Bootstrap框架和jQuery库来实现弹出式窗口: ```html <!-- 弹出式窗口的 HTML 代码 --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">弹出式窗口标题</h4> </div> <div class="modal-body"> <p>弹出式窗口内容将在此处显示。</p> </div> </div> </div> </div> <!-- 触发弹出式窗口的按钮或链接 --> <a href="#" id="myBtn">显示弹出式窗口</a> <!-- JavaScript 代码 --> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <script> $(document).ready(function(){ $("#myBtn").click(function(){ $.ajax({ url: "ajax_content.html", // 获取要显示的内容的URL success: function(result){ $("#myModal .modal-body").html(result); // 将内容插入到弹出式窗口中 $("#myModal").modal(); // 显示弹出式窗口 } }); }); }); </script> ``` 在上面的示例代码中,当用户点击“显示弹出式窗口”的链接时,会通过Ajax方法获取一个名为“ajax_content.html”的文件中的内容,并将其插入到弹出式窗口的HTML代码中。然后,使用Bootstrap框架中的“modal”方法来显示弹出式窗口。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值