如何从javascript调用带有变量的方法答案

【问题标题】：how to call method with variable from javascript如何从javascript调用带有变量的方法
【发布时间】：2021-03-15 03:26:14
【问题描述】：

我有这段代码没有在 asp.net core 3.1 中运行它给出错误

function casetype(value) 
{ 
   var myInt = parseInt(value.options[value.selectedIndex].value); 
   var casetype |"= '@Model.GetClientCaseType[myInt]'; 
   alert(casetype + ' = ' + myInt.toString()); 
   $("#ClientCase_cCaseType").val(casetype);
}

在 .cs 页面中

public string GetClientCaseType(int? myInt) 
{ 
   return something; 
}

任何解决方案请帮助提前谢谢

【问题讨论】：

为什么要使用方括号？你试过@Model.GetClientCaseType(myInt) 吗？

标签： javascript asp.net asp.net-core asp.net-core-3.1

【解决方案1】：

我尝试了 ajax 没有结果“错误”

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
using Microsoft.AspNetCore.Mvc.Rendering;
using WebLawyer1.Data;
using WebLawyer1.Models;

namespace WebLawyer1.Pages.ClientCases
{
    public class CreateModel : PopulateClientCasePageModel
    {
        private readonly WebLawyer1.Data.LawyerDbContext _context;

        public CreateModel(WebLawyer1.Data.LawyerDbContext context)
        {
            _context = context;
        }

        public IActionResult OnGet()
        {
            PopulateClientInfosDropDownList(_context);
            PopulateCaseTypesDropDownList(_context);
            return Page();
        }

        [BindProperty]
        public ClientCase ClientCase { get; set; }

        // To protect from overposting attacks, enable the specific properties you want to bind to, for
        // more details, see https://aka.ms/RazorPagesCRUD.
        public async Task<IActionResult> OnPostAsync()
        {
            //if (!ModelState.IsValid)
            //{
            //    return Page();
            //}

            //_context.ClientInfo.Add(ClientInfo);
            //await _context.SaveChangesAsync();

            //return RedirectToPage("./Index");

            var emptyClientCase = new ClientCase();

            if (await TryUpdateModelAsync<ClientCase>(
                 emptyClientCase,
                 "clientcase",   // Prefix for form value.
                s => s.iClientInfoID, s => s.iCaseTypeID, s => s.cCaseType, s => s.cPart,
                s => s.iSequence, s => s.cKeyCase, s => s.dDate, s => s.cTitle,
                s => s.cNote, s => s.cDetail, s => s.nFees, s => s.lWinFail, s => s.lClosed))

            {
                _context.ClientCase.Add(emptyClientCase);
                await _context.SaveChangesAsync();
                return RedirectToPage("./Index");
            }

            // Select CategoryID if TryUpdateModelAsync fails.
            PopulateClientInfosDropDownList(_context, emptyClientCase.iClientInfoID);
            PopulateCaseTypesDropDownList(_context, emptyClientCase.iCaseTypeID);
            return Page();
        }

        public ActionResult GetUploadedFile(int id)
        {

            var result = _context.CaseType.Where(x => x.iCaseTypeID == id).First();


            return Json(result.cCaseType);
        }
    }
}

    <script>
        function casetype(value) {
            var id = parseInt(value.options[value.selectedIndex].value);
           $.ajax({
                url: '@Url.Action("GetUploadedFile", "Create")',
                 type: "POST",
                 data: JSON.stringify(id),
                 contentType: "application/json",
                 datatype: "json",
                 success: function (data) {
                 if (data != null) {
                    var vdata = data;
                    $('#ClientCase_cCaseType').val(vdata.id);
            }
        }
    });
        }
    </script>

【讨论】：

【解决方案2】：

实际上，你不能这样做。原因是他们不在同一时间“生活”。 Javascript 代码仅在 C#/Razor 渲染后可用。参考这个thread。

所以，我认为你应该在这里使用 ajax 来发送访问GetClientCaseType() 方法的请求。

更新：

关于如何发送ajax post请求，您需要执行以下步骤：

1.在stratup.cs中添加如下服务

services.AddAntiforgery(o => o.HeaderName = "XSRF-TOKEN");

2.将AntiForgeryToken添加到当前页面

@Html.AntiForgeryToken();

3.在ajax中设置token为请求头

beforeSend: function (xhr) {
    xhr.setRequestHeader("XSRF-TOKEN",
        $('input:hidden[name="__RequestVerificationToken"]').val());
},

这是一个例子：

创建.cshtml：

@page
@model RazorApp.Pages.ClientCases.CreateModel

@Html.AntiForgeryToken();


<button id="btn" onclick="casetype()">Click</button>

@section scripts{

    <script>
        function casetype() {
            var id = 1;
            $.ajax({
                url: 'Create?handler=GetUploadedFile',
                type: "POST",
                data: { id : id },
                beforeSend: function (xhr) {
                    xhr.setRequestHeader("XSRF-TOKEN",
                        $('input:hidden[name="__RequestVerificationToken"]').val());
                },
                success: function (data) {
                if (data != null) {
                    var vdata = data;
                }
                }
            });
        }
    </script>
}

创建.cshtml.cs：

public class CreateModel : PageModel
{
    public void OnGet()
    {
    }

    public IActionResult OnPostGetUploadedFile(int id)
    {
        var result = "AAA";
        return new JsonResult(result);
    }
}

注意：页面处理程序的格式应为OnPostXxx() 或OnGetXxx()。

ajax 中的 url 应该是 XXX?handler=Xxx。

结果：

【讨论】：

我可以举个例子吗