ajax 提交表達數據到後臺

今天用了差很少一天的時間作了表單的取值而且保存到數據庫，顯示出來，算是本身的一個小小的進步吧，筆記下來，多看看。

 

是相似於發佈留言功能：

 

前臺代碼：

<div id="dialog" class="animated">
<img class="dialogIco" width="50" height="50" src="/images/ico.png" alt="" />
<div class="dialogTop">
<span style="float:left; color:#808080;">提問</span>
<a href="javascript:;" class="claseDialogBtn">關閉</a>
</div>
<form action="" method="post" id="editForm" name="addForm">
<ul class="editInfos" style="padding:0px;">
<li><input type="text" name="nickname" id="nick" style="width:90%;height:30px;border:1px solid rgb(169, 169, 169); border-radius:4px;" placeholder="請輸入呢稱~"/></li>
<li><textarea style="width:90%;height:100px; border-radius:4px;" placeholder="請輸入您的問題吧~" id="questxt" name="question"></textarea></li>

<li><input type="submit" value="確認提交" class="submitBtn" id="AddMessage" /></li>
</ul>
</form>
</div>

顏色標註的纔是主要的代碼……

 

ajax：

<script>
$('#AddMessage').click(function () {
var name = $('#nick').val();
var question = $('#questxt').val();
$.ajax({
type: "POST",
url: '/Default/AddMessage',
cache: true,
async: false,
data: {
Quizzer: name,
Question: question,
},
success: function (data) {
alert("提交成功!");
},
error: function () {
alert('提交失敗！');
}
});
});

</script>

 

接下來就是 c# MVC 控制器裏面的代碼了：

/// <summary>
/// 發佈
/// </summary>
/// <param name="Id"></param>
/// <param name="Quizzer">暱稱</param>
/// <param name="Question">問題</param>
/// <param name="QuestionTime">留言時間</param>
/// <returns></returns>
[HttpPost]
public void AddMessage(string Quizzer,string Question)
{
QAndA qanda = new QAndA();

qanda.Quizzer = Quizzer;
qanda.Question = Question;
qanda.QuestionTime = DateTime.Now;
db.QandAs.Add(qanda);
db.SaveChanges();
}

 

但願本身之後多進步一些……