html 表单控制器,c# – html表单发布到mvc控制器

将Html发布到MVC控制器

>使用表单创建HTML页面(不要忘记引用Jquery.js)

User Name

Password

$(document).ready(function () {

//get button by ID

$('#btn1').submit(function () {

//call a function with parameters

$.ajax({

url: 'rec/recieveData', //(rec)= Controller's-name

//(recieveData) = Action's method name

type: 'POST',

timeout: '12000', (optional 12 seconds)

datatype: 'text',

data: {

//Get the input from Document Object Model

//by their ID

username: myform.username.value,

password: myform.password.value,

}

});

});

});

然后在MVC控制器中

controller/action

| |

1.创建名为rec的rec(rec / recieveData)

>创建名为rec.cshtml的视图

这是控制器：

public class recController : Controller

{

// GET: rec

string firstname = "";

string lastname = "";

List myList = new List();

public ActionResult recieveData(FormCollection fc)

{

//Recieve a posted form's values from parameter fc

firstname = fc[0].ToString(); //user

lastname = fc[1].ToString(); //pass

//optional: add these values to List

myList.Add(firstname);

myList.Add(lastname);

//Importan:

//These 2 values will be return with the below view

//using ViewData[""]object...

ViewData["Username"] = myList[0];

ViewData["Password"] = myList[1];

//let's Invoke view named rec.cshtml

// Optionaly we will pass myList to the view

// as object-model parameter, it will still work without it thought

return View("rec",myList);

}

}

这是视图：

@{

ViewBag.Title = "rec";

}

Hello from server

@ViewData["Username"]

@ViewData["Password"]