利用ajax進行post傳值，登錄QQ和密碼代碼
<!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>
<script src="js/jquery-1.10.2.js"></script>
<script src="js/WebForm1.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr><td>QQ：</td><td><input type="text" id="txtQQ" /></td></tr>
<tr><td>密碼：</td><td><input type="password" id="txtPwd" /></td></tr>
<tr><td><input type="button" value="登錄" id="btnLogin" /></td></tr>
</table>
</div>
</form>
</body>
</html>
js部分：
$(function () {
$("#btnLogin").click(function () {
var qq = $.trim($("#txtQQ").val());
var pwd = $.trim($("#txtPwd").val());
if (qq == "" || pwd == "") {
alert("qq或密碼不能為空");
} else {
$.post("../ajax/Handler1.ashx", { "qq": qq, "pwd": pwd }, function (data) {
switch (data) {
case "1":
alert("登錄成功");
break;
case "2":
alert("QQ或者密碼錯誤");
break;
case "3":
alert("程序異常");
break;
};
});
};
})
})
後臺：
using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data.SqlClient;
using System.Linq;
using System.Web;
namespace exercise_20180305.ajax
{
/// <summary>
/// Handler1 的摘要說明
/// </summary>
public class Handler1 : IHttpHandler
{
string connStr = ConfigurationManager.ConnectionStrings["sq_ruanmou"].ToString();
SqlConnection con = null;
SqlCommand cmd = null;
public void OpenDB()
{
con = new SqlConnection(connStr);
con.Open();
}
public void ProcessRequest(HttpContext context)
{
try
{
string qq = context.Request.Form["qq"];
string pwd = context.Request.Form["pwd"];
string sql = "select count(*) from UserInfor where QQ=@QQ and Pwd=@Pwd";
SqlParameter[] para = new SqlParameter[]{
new SqlParameter("@QQ",qq),
new SqlParameter("@Pwd",pwd)
};
OpenDB();
using (cmd = new SqlCommand(sql, con))
{
foreach (var p in para)
{
cmd.Parameters.Add(p);
};
if (Convert.ToInt32(cmd.ExecuteScalar().ToString()) > 0)
{
context.Response.Write("1");
}
else
{
context.Response.Write("2");
}
}
}
catch (Exception ex)
{
context.Response.Write("3");
}
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
利用ajax進行post傳值，登錄QQ和密碼代碼