构建基于JavaScript的ASP.NET MVC简历数据提交教程

<div class="work-experience-module">
    <input type="text" name="company" placeholder="公司名称">
    <input type="text" name="position" placeholder="职位">
    <input type="text" name="responsibilities" placeholder="职责">
    <input type="date" name="workExperienceStartDate" placeholder="开始时间">
    <input type="date" name="workExperienceEndDate" placeholder="结束时间">
</div>

<div class="education-module">
    <input type="text" name="educationInstitution" placeholder="学校名称">
    <input type="text" name="educationDegree" placeholder="学位">
    <input type="date" name="educationGraduationDate" placeholder="毕业时间">
</div>

function collectResumeData() {
    let data = {
        WorkExperiences: [],
        Educations: []
    };

    // Сбор данных из модулей опыта работы
    $('.work-experience-module').each(function () {
        let workExperience = {
            companyName: $(this).find('input[name="company"]').val(),
            position: $(this).find('input[name="position"]').val(),
            responsibilities: $(this).find('input[name="responsibilities"]').val(),
            workExperienceStartDate: $(this).find('input[name="workExperienceStartDate"]').val(),
            workExperienceEndDate: $(this).find('input[name="workExperienceEndDate"]').val()
        };
        data.WorkExperiences.push(workExperience);
    });

    // Сбор данных из модулей образования
    $('.education-module').each(function () {
        let education = {
            InstitutionName: $(this).find('input[name="educationInstitution"]').val(),
            Degree: $(this).find('input[name="educationDegree"]').val(),
            GraduationDate: $(this).find('input[name="educationGraduationDate"]').val()
        };
        data.Educations.push(education);
    });

    return data;
}

let resumeData = collectResumeData();
let jsonData = JSON.stringify(resumeData);

public class ResumeData
{
    public List<WorkExperience> WorkExperiences { get; set; }
    public List<Education> Educations { get; set; }
}

public class WorkExperience
{
    public string CompanyName { get; set; }
    public string Position { get; set; }
    public string Responsibilities { get; set; }
    public DateTime WorkExperienceStartDate { get; set; }
    public DateTime WorkExperienceEndDate { get; set; }
}

public class Education
{
    public string InstitutionName { get; set; }
    public string Degree { get; set; }
    public DateTime GraduationDate { get; set; }
}

using Microsoft.AspNetCore.Mvc;
using Newtonsoft.Json; // 引入 Newtonsoft.Json

public class ResumeController : Controller
{
    [HttpPost]
    public IActionResult SubmitResume([FromBody] ResumeData resumeData)
    {
        if (ModelState.IsValid)
        {
            // 在这里处理 resumeData，例如保存到数据库
            // 可以使用 Newtonsoft.Json 反序列化 JSON 字符串，如果前端直接传递 JSON 字符串
            // ResumeData resumeData = JsonConvert.DeserializeObject<ResumeData>(jsonString);

            // 返回成功状态
            return Ok("Resume submitted successfully!");
        }
        else
        {
            // 返回错误状态和错误信息
            return BadRequest(ModelState);
        }
    }
}

app.UseEndpoints(endpoints =>
{
    endpoints.MapControllerRoute(
        name: "default",
        pattern: "{controller=Home}/{action=Index}/{id?}");
});

$(document).ready(function () {
    $('#submitButton').click(function () { // 假设你有一个id为submitButton的按钮
        let resumeData = collectResumeData();
        let jsonData = JSON.stringify(resumeData);

        $.ajax({
            url: '/Resume/SubmitResume', // 替换为你的Controller和Action的URL
            type: 'POST',
            contentType: 'application/json',
            data: jsonData,
            success: function (response) {
                alert(response); // 显示服务器返回的消息
            },
            error: function (error) {
                console.error('Error submitting resume:', error);
                alert('Error submitting resume. Please check the console for details.');
            }
        });
    });
});

services.AddControllers().AddNewtonsoftJson();