前台
@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="~/Scripts/jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(function () { var school = {}; school.SchoolID = 1; school.SchoolName = '學校1'; var students = []; for (var i = 0; i < 3; i++) { var student = {}; student.StudentID = (i + 1); student.StudentName = '學生' + (i + 1); student.SchoolID = 1; students.push(student); } school.Students = students; $.ajax({ type: 'post', url: '/api/Test/AddSchool', data: school, success: function (data) { }, error: function () { }, beforeSend: function () { }, complete: function () { } }); }); </script></head><body> <div> </div></body></html>
後台
using System;using System.Collections.Generic;using System.Linq;using System.Net;using System.Net.Http;using System.Web.Http;namespace MvcApplication21.Controllers{ public class TestController : ApiController { /// <summary> /// post /api/Test/AddSchool /// </summary> [HttpPost] public SchoolModel AddSchool(SchoolModel item) { return item; } } public class SchoolModel : School { public List<Student> Students { get; set; } } public class School { public int SchoolID { get; set; } public string SchoolName { get; set; } } public class Student { public int StudentID { get; set; } public string StudentName { get; set; } public int SchoolID { get; set; } }}