mvc 前后端如何交互數據
1、后端如何傳送數據給前端
后端：
ViewBag.Message = "Hello " + name;
前端：
@ViewBag.Message
2、后端如何傳送數據給前端
后端：
TempData["name"] = "王五";
前端：@TempData["name"]
3、后端如何傳送數據給前端
后端：
ViewData["name"] = "王五";
前端：@ViewData["name"]
4、后端如何傳送數據給前端
后端：
PersonViewModel model = new PersonViewModel() { Name="趙六", Age=18};
return View(model);
前端：
@using _06Mvc.Models;
@{
var res = "名稱：" + Model.Name + "：" + "年齡：" + Model.Age;
}
5、后端如何傳送數據給前端
后端：
List<CustomerInfo> ltPI = new List<CustomerInfo>();
return View("Index",ltPI);
前端：@using list...
6、后端如何傳送數據給前端
后端：return Json(obj,JsonRequestBehavior.AllowGet);
前端：記得好像是數組
7、前端如何給后端傳送數據
前端：
location.href ="/JqGridDemo/QueryString/GetParamsFromToView?EmployeeID=NX001&EmployeeName=張三";
后端：
var EmployeeID = Request["EmployeeID"].ToString();
var EmployeeName= Request["EmployeeName"].ToString();
8、前端如何傳值給后端
前端：
$.ajax({
url: "/JqGridDemo/AjaxData/GetParamsFromAjax",
type:"GET",
data:{EmployeeID:'NX001',EmployeeName:'張三'},
error: function(message) {
alert('error!');
}
});
后端：
public class AjaxDataController : Controller
{
// GET: JqGridDemo/AjaxData
public ActionResult Index()
{
return View();
}
//action Receiving data from Ajax
public void GetParamsFromAjax(string EmployeeID, string EmployeeName)
{
}
}
9、前端如何傳值給后端
<form action="/JqGridDemo/FormTransferData/GetParamsFromForm" method="get">
員工ID:<input type="text" name="EmployeeID" />
員工姓名：<input type="text" name="EmployeeName" />
<input type="submit" name="btnFormTransferData" value="Form表單傳遞數據" />
</form>
后端：
public class FormTransferDataController : Controller
{
// GET: JqGridDemo/FormTransferData
public ActionResult Index()
{
return View();
}
//action Receiving data from Form
public void GetParamsFromForm(string EmployeeID, string EmployeeName)
{
}
}
10、前端如何傳值給后端
<div>
@using (Html.BeginForm("GetParamsFromFormCollection", "FormCollectionTransferData"))
{
@Html.TextBox("EmployeeID","員工ID");
@Html.TextBox("EmployeeName","員工姓名");
<input type="submit" value="FormCollection傳值"/>
}
</div>
后端：
public class FormCollectionTransferDataController : Controller
{
// GET: JqGridDemo/FormCollectionTransferData
public ActionResult Index()
{
return View();
}
//action Receiving data from FormCollection
public void GetParamsFromFormCollection(FormCollection fc)
{
string EmployeeID = fc["EmployeeID"].ToString();
string EmployeeName = fc["EmployeeName"].ToString();
}
}
再一種是：
1.用一下代碼括住提交的表單區域
@using(Html.BeginForm("AddMemberBaseInfo", "MemberManagement",FormMethod.Post, new { enctype = "multipart/form-data" }))
{
<inputtype="submit" class="buttons1" style="margin:0auto;" value="保存"/>
<inputtype="text" class="texts" name="txtMemberName" />
}
2.js代碼
$(document).ready(function () {
$('form').bind('submit',checkform);
});
function checkform() {
alert("提交前的驗證");
return false;
}
3.控制器照常取值
public ActionResult AddMemberBaseInfo()
{
string memberName=Request.Form["txtMemberName"].ToString();
}
————————————————
版權聲明：本文為CSDN博主「moshengrenhere」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/moshengrenhere/article/details/82697402