本文实例讲述了asp.net+ajax的Post请求的实现方法。。具体如下:
代码如下://一个ajax的Post请求
function submitInfo() {
$(".warn").hide(); //刚提交的时候隐藏错误的信息
var data = $("#formData").serialize(); //将表单的数据通过序列化表单值,创建 URL 编码文本字符串。形成一个表单元素集合的 jQuery 对象
$.post("/login/checkLoginInfo", data, function (ajaxObj) { //将数据提交到login控制器下的CheckLOginInfo方法。参数是data。 如果请求成功,function就是请求成功时执行的回调函数。ajaxObj是checkLoginInfo方法的返回数据
//回传内容{status: 1(success)/0(fail),}
if (ajaxObj.status == 0 || status == null) { //如果返回状态为0或者为null
$(".warn").show(); //将错误信息显示出来
} else {
//登陆成功,跳转都制定页面
window.location = '/HotelList/Index';
}
}, "json");
}
注意这条语句的参数,与回调函数 loginFinish 与上面条$.Post()请求的区别
代码如下:$.post("/ajax/UserLogin.ashx",
{ "username": username, "password": password },
loginFinish);
代码如下:<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="/css/ui-lightness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" />
<script src="/js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="/js/jquery-ui-1.8.2.custom.js" type="text/javascript"></script>
<script type="text/javascript">
//向服务器请求当前登录状态,然后切换登录区域的显示
var checkLogin = function () {
$.post("/ajax/CheckLogin.ashx", function (data) {
新闻热点
疑难解答
图片精选