首页 > 代码库 > Ajax之前后台简单交互---登录实现
Ajax之前后台简单交互---登录实现
第一步引入jquery.js
html代码如下
<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>
js如下
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"); }
后台如下
public JsonResult CheckName(string name)
{
JsonData _jsondata = http://www.mamicode.com/new JsonData();
JsonResult jsn = new JsonResult();
jsn.JsonRequestBehavior = JsonRequestBehavior.AllowGet;
//检查用户名是否存在代码---省略
//返回json
_jsondata.Success = false;
_jsondata.Msg = "用户名不存在!";
jsn.Data = http://www.mamicode.com/_jsondata;
return jsn;
}
Ajax之前后台简单交互---登录实现
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。