文斌的博客

学无止境
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

jquery ajax初级

Posted on 2012-03-06 22:56  文斌1988  阅读(179)  评论(0编辑  收藏  举报

<script type="text/javascript">
$(function()
{

$("#btnAjaxGet").click(function(event)
{

//发送Get请求
$("#divResult").load("../data/AjaxGetMethod.aspx?param=btnAjaxGet_click" + "&timestamp=" + (new Date()).getTime());
});

$("#btnAjaxPost").click(function(event)
{
//发送Post请求
$("#divResult").load("../data/AjaxGetMethod.aspx", { "param": "btnAjaxPost_click" });
});

$("#btnAjaxCallBack").click(function(event)
{
//发送Post请求, 返回后执行回调函数.
$("#divResult").load("../data/AjaxGetMethod.aspx", { "param": "btnAjaxCallBack_click" }, function(responseText, textStatus, XMLHttpRequest)
{
responseText = " Add in the CallBack Function! <br/>" + responseText
$("#divResult").html(responseText); //或者: $(this).html(responseText);
});
});

$("#btnAjaxFiltHtml").click(function(event)
{
//发送Get请求, 从结果中过滤掉 "鞍山" 这一项
$("#divResult").load("../data/AjaxGetCityInfo.aspx?resultType=html" + "&timestamp=" + (new Date()).getTime() + " ul>li:not(:contains('鞍山'))");
});

})
</script>

------------------------------------

$("#Button1").click(function() {
$("#divResult").load($("#divResult").load("/Demo/AjaxGetMethod.aspx", { "param": "Button1_Click" });
})

------------------

function del(oA) {
var $oTr = $(oA).parent().parent();
var key = $oTr.attr("key");
if (confirm("您确定要删除此条记录吗?")) {
$.getJSON("AjaxDelUserInfo.aspx", { id: key }, function(data) {
if (data.Success) {
$oTr.remove();
} else {
alert(data.ErrorMessage);
}
})
}
}

----------------------------

protected void Page_Load(object sender, EventArgs e)
{
if (Request["id"] != null)
{
int id = int.Parse(Request.QueryString["id"]);
try
{
BLL.AuthorManager.DeleteAuthorById(id);
Response.Write("{Success:true,ErrorMessage:''}");
}
catch
{
Response.Write("{Success:false,ErrorMessage:'删除出错!'}");
}
}

}

===================

登录

$("#btnLogin").click(function() {
// var params = $("#form1").serialize();
// alert(params);
// $.ajax(
// {
// type: "GET",
// url: "/Demo/LoginHandler.aspx",
// data:params,
// success: function(data) {
// alert(data);
// }
// })
// $.get("/Demo/LoginHandler.aspx",{txtUser:$("#txtUser").val(),txtPass:$("#txtPass").val()} ,function(data) {

$.post("/Demo/LoginHandler.aspx",{txtUser:$("#txtUser").val(),txtPass:$("#txtPass").val()} ,function(data) {
//data代表请求返回的内容
alert(data);
$("#id1").html(data);
// });
// $.getJSON("/Demo/LoginHandler.aspx", { txtUser: $("#txtUser").val(), txtPass: $("#txtPass").val() }, function(josn) {
// alert(josn.success);
});

----

LoginHandler.aspx"

protected void Page_Load(object sender, EventArgs e)
{
if (Request["txtUser"] != null && Request["txtPass"] != null)
{
string username = Request.QueryString["txtUser"];
string password = Request.QueryString["txtPass"];
if (username == "admin" && password == "123")
{
Response.Write("11111111111");//{success:true}
}
else
Response.Write("22222222222222");//{success:false}
}
else
Response.Write("{success:false}");
}