Model view controller 我的ajax函数无法将数据存储到sql server中
我在MVCWeb应用程序中有一个JQuery登录/注册模式,在这个阶段我试图以最简单的形式存储新用户,所以现在我知道我必须使用Ajax将信息发送到服务器,但出现了一些问题,它无法工作 这就是我的模式:Model view controller 我的ajax函数无法将数据存储到sql server中,model-view-controller,Model View Controller,我在MVCWeb应用程序中有一个JQuery登录/注册模式,在这个阶段我试图以最简单的形式存储新用户,所以现在我知道我必须使用Ajax将信息发送到服务器,但出现了一些问题,它无法工作 这就是我的模式: <!--Signin/Signup container--> <div id="modal" class="popupContainer" style="display:none;"> <section class="po
<!--Signin/Signup container-->
<div id="modal" class="popupContainer" style="display:none;">
<section class="popupBody">
<!-- Social Login -->
<div class="social_login">
<div class="">
<a href="#" class="social_box fb">
<span class="icon"><i class="fa fa-facebook"></i></span>
<span class="icon_title">سجل عن طريق الفيس بوك</span>
</a>
<a href="#" class="social_box google">
<span class="icon"><i class="fa fa-google-plus"></i></span>
<span class="icon_title">سجل عن طريق كوكل</span>
</a>
</div>
<div class="centeredText">
<span>أو استخدم الايميل الخاص بك</span>
</div>
<div class="action_btns">
<div class="one_half"><a href="#" id="login_form" class="btn">سجل دخول</a></div>
<div class="one_half last"><a href="#" id="register_form" class="btn"> انضم</a></div>
</div>
</div>
<!-- Username & Password Login form -->
<div class="user_login">
<form>
<label>الايميل / اسم المستخدم</label>
<input type="text" />
<br />
<label>كلمة السر</label>
<input type="password" />
<br />
<div class="checkbox">
<input id="remember" type="checkbox" />
<label for="remember">احفظ معلومات الدخول على هذا الجهاز</label>
</div>
<div class="action_btns">
<div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i> رجوع</a></div>
<div id="login_btn" class="one_half last"><a href="#" class="btn btn_red">Login</a></div>
</div>
</form>
<a href="#" class="forgot_password">هل نسيت كلمة المرور؟</a>
</div>
<!-- Register Form -->
<div class="user_register">
<form>
<label>اسم المستخدم</label>
<input id="txtUserName" type="text" />
<br />
<label>عنوان البريد الألكتروني</label>
<input id="txtEmail" type="email" />
<br />
<label>كلمة المرور</label>
<input id="txtPass" type="password" />
<br />
<div class="checkbox">
<input id="send_updates" type="checkbox" />
<label for="send_updates">أرسل لي رسائل في حال وجود أي تحديثات</label>
</div>
<div class="action_btns">
<div class="one_half"><a href="#" class="btn back_btn"><i class="fa fa-angle-double-left"></i> Back</a></div>
<div id="register_btn" class="one_half last"><a href="#" class="btn btn_red">Register</a></div>
</div>
</form>
</div>
</section>
</div>
<!--Signin/Signup End-->
我检查了我的sql过程,它工作正常,但我不知道为什么会收到失败警报。Ajax已发送>已接收>已解析>已存储。检查这些步骤中的每一步,你应该会找到答案。您的浏览器网络检查器是发送,您的web服务器是接收和解析。你在用Chrome吗?你可能想检查Chrome中的开发者工具(F12)以确保没有javascript错误。好的,谢谢,伙计们,我会检查出来的好的,这太奇怪了,我已经尝试了一整天,现在什么都没有,在我发布这篇文章后,它正在工作,我不知道为什么!!!也许它是浏览器,就像你说的@AnotherDeveloper
<script>
//login code
$(document).ready(function () {
$("#register_btn").click(function () {
// Do something
$.ajax({
url: '@Url.Action("Register", "Account")',
type: 'POST',
data: {//passing data
userName:$("#txtUserName").val(),
email:$("#txtEmail").val(),
password: $("#txtPass").val()
},
success: function () {
alert('success');
},
error: function () {
alert('failure');
}
});
});
});
</script>
public ActionResult Register()
{
return View();
}
[HttpPost]
public ActionResult Register(UserModel user)
{
AddDetails(user);
return View();
}
private void Connection()
{
string constr = ConfigurationManager.ConnectionStrings["NerdsContext"].ToString();
con = new SqlConnection(constr);
}
//Add records to database
private void AddDetails(UserModel user)
{
Connection();
SqlCommand com = new SqlCommand("AddUser", con);
com.CommandType = CommandType.StoredProcedure;
com.Parameters.AddWithValue("@userName", user.userName);
com.Parameters.AddWithValue("@email", user.email);
com.Parameters.AddWithValue("@password", user.password);
con.Open();
com.ExecuteNonQuery();
con.Close();
}