2021-11-07

Mvc前后端如何传值

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 ltPI = new List();
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、前端如何传值给后端

员工ID: 员工姓名： 后端： 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、前端如何传值给后端

@using (Html.BeginForm("GetParamsFromFormCollection", "FormCollectionTransferData")) { @Html.TextBox("EmployeeID","员工ID"); @Html.TextBox("EmployeeName","员工姓名"); }

后端： 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();

}