码迷,mamicode.com
首页 > Web开发 > 详细

Ajax之前后台简单交互---登录实现

时间:2014-10-14 20:29:29      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   os   ar   for   sp   

第一步引入jquery.js

html代码如下

bubuko.com,布布扣
<form name="post" id="post" method="post" action="/Login">
       
        <input type="text" name="username" value="" />
        <input type="password" name="password" value="@Model.linkorig" />
        <input type="button" value="提交" onclick="Submit()">
    </form>
View Code

js如下

bubuko.com,布布扣
function Submit() {
        var username = $("#username").val();
        $.get("/Ajax/CheckName", { name: username },
           function (data) {
               if (!data.Success) {
                   alert(data.Msg);
                   return;
               } else {
                   document.post.submit();
               }
           }
   , "json");
    }
View Code

 

后台如下

public JsonResult CheckName(string name)
{
JsonData _jsondata = new JsonData();
JsonResult jsn = new JsonResult();
jsn.JsonRequestBehavior = JsonRequestBehavior.AllowGet;
//检查用户名是否存在代码---省略

//返回json
_jsondata.Success = false;

_jsondata.Msg = "用户名不存在!";
jsn.Data = _jsondata;
return jsn;
}

Ajax之前后台简单交互---登录实现

标签:style   blog   http   color   io   os   ar   for   sp   

原文地址:http://www.cnblogs.com/piaoguo/p/4024891.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!