zoukankan      html  css  js  c++  java
  • 自学MVC(五):Jquery里的Ajax的实现2009年05月06日

     今天在做登陆界面,由于我的登陆界面是一个模态窗体,如果用常规的post 方法,会导致页面刷新,弹出来的模态窗体又会消失掉.所以我就想能不能Ajax无刷新的验证呢?
             查了下资料,在jquery里很容易实现,jquery+json+一个aspx的页面负责验证就可以了.

              一个javascript函数负责把参数post到aspx页面
          ///ajax异步请求数据,验证用户登陆情况
      function validateUser() {
          $.post("http://www.cnblogs.com/Validate/ValidateUser.aspx", { Action: "post", Name: $("#loginusername").val(), Pwd: $("#loginpassword").val() },
      function(data, textStatus) {
          if (data.result == "false") {
              alert('登陆失败');
          }
          else {
              alert('登陆成功');
          }
      }, "json");
      }


    ValidateUser.aspx页面做如下处理:
                Response.ContentType = "application/json";/*把输出的数据格式设为json格式*/
                if (UserInfoCtrlBase.Instance().UserValidate(Request["Name"], Request["Pwd"]))/*Name,Pwd是Post过来的参数*/
                {
                    Response.Write("{result: 'true'}");
                }
                else
                {
                    Response.Write("{result: 'false'}");
                }

    这样很简单的就实现了ajax的登陆验证,不像以前自己用js写了一上午还没成功!
       本文版权属于王传炜所有,首发http://www.cnblogs.com/,转载请注明出处。
  • 相关阅读:
    观察者模式的新纪录
    字符串和json之间的互相转化
    改变自己:工作几年就该给自己“清零”啦
    观察者模式的记录
    background-position的百分比
    豌豆荚前端面试中的一个算法题
    javascript的原型与继承(2)
    javascript的原型和继承(1)
    百度客户端首页的图片轮换效果
    javascript中闭包的概念
  • 原文地址:https://www.cnblogs.com/wangergo/p/1507361.html
Copyright © 2011-2022 走看看