分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

ajax 提交表达数据到后台

发布时间:2023-09-06 01:10责任编辑:白小东关键词:暂无标签

今天用了差不多一天的时间做了表单的取值并且保存到数据库,显示出来,算是自己的一个小小的进步吧,笔记下来,多看看。

是类似于发布留言功能:

前台代码:

<div id="dialog" class="animated">
???????????????????????????<img class="dialogIco" width="50" height="50" src="/images/ico.png" ?/>
???????????????????????????<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(); ??????????
???????}

希望自己以后多进步一些……

ajax 提交表达数据到后台

原文地址:http://www.cnblogs.com/mechelle-olivia/p/7511417.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved