正文 

当前位置： 首页 > 源码 >

将数据从 javascript 传递到 asp.net core 2 razor 页面方法

     2023-03-27     296

关键词：

【中文标题】将数据从 javascript 传递到 asp.net core 2 razor 页面方法【英文标题】：pass data from javascript to asp.net core 2 razor page method 【发布时间】：2018-02-15 21:53:49 【问题描述】：

是否可以将更改事件数据的 HTML 属性中的一些数据传递到 asp.net core razor 页面？ 我想使用 JS 从 HTML 的下拉列表中获取一个 ID 并将其传递给 Razor Pages (asp.net core 2) 并从自定义方法中获取结果？ 如果可能的话，我希望代码如下所示:)

JS代码

$('#Neighborhood_DistrictId').on('change', function () 
    @Model.GetDistrictName($('#Neighborhood_DistrictId').val());
);

在 Razor 页面上

public string GetDistrictName(Guid id)

    return httpSystemApi.GetByIdAsync<District>("Districts", id).Result.Name;

GetDistrictName 方法正在连接到 API 并返回值。如果有办法做我想做的事，我不想用 JS 直接连接到 API

【问题讨论】：

【参考方案1】：

我正在玩 Razor Pages，但我遇到了同样的问题。下面是我的工作。似乎应该有一些事件处理程序会做同样的事情，但我还没有找到另一种方法。我尝试将它视为 MVC 控制器，但我相信它期望有一些表单令牌，因此它不起作用 [name="__RequestVerificationToken"]。 基本上我在这里所做的，是欺骗页面以为我点击了一个按钮，然后告诉它要查看哪个功能。此外，您可以访问所有模型字段，因此无需传递它们。

这里是选择列表：

   <div class="col-md-2"><select id="ddlPortalName" asp-for="selectedPortalName" asp-items="Model.portalNames" onchange="ConcatenateURL();"></select></div>

然后这里是 JS 函数，注意我必须更改表单动作来告诉它要查看哪个页面函数。

<script type="text/javascript">
    function ConcatenateURL()          
        document.forms[0].action = "VisibilityTest?handler=ConcatURL";
        document.forms[0].submit();
    
</script>

最后是c#文件方法。

   public void OnPostConcatURL()

【讨论】：

【参考方案2】： 
$('#Neighborhood_DistrictId').on('change', function () 
    @Model.GetDistrictName($('#Neighborhood_DistrictId').val());
);

@Model.GetDistrictName 是服务器端方法，而不是直接在脚本内部使用

$('#Neighborhood_DistrictId').on('change', function () 
  var url="http://localhost/controllername/methodname/id=";
  url=url+$('#Neighborhood_DistrictId').val()
$.get(url,function(data)
...some code
);
);

var url="http://localhost/controllername/methodname/id=";

在 mvc 5 中从服务器端生成 url 并设置客户端变量

var url='Url.Action("action","controllername","actionname")';

这是使用 javascript 或 jquery 调用控制器的唯一方法，而不是直接在 javascript 中使用服务器端方法。

【讨论】：

好吧，我不知道如何使用它 asp.net core 2 razor pages。因为像MVC这样的剃须刀页面没有控制器？

如何将变量和数据从 PHP 传递到 JavaScript？

】如何将变量和数据从PHP传递到JavaScript？【英文标题】：HowdoIpassvariablesanddatafromPHPtoJavaScript?【发布时间】：2014-07-0713:53:23【问题描述】：我在PHP中有一个变量，我需要它在我的JavaScript代码中的值。如何将我的变量从PHP获取到Jav... 查看详情

如何将变量和数据从 PHP 传递到 JavaScript？

】如何将变量和数据从PHP传递到JavaScript？【英文标题】：HowdoIpassvariablesanddatafromPHPtoJavaScript?【发布时间】：2017-11-2023:40:11【问题描述】：我在PHP中有一个变量，我需要它在我的JavaScript代码中的值。如何将我的变量从PHP获取到Jav... 查看详情

将数据从烧瓶传递到javascript时JSON中的意外令牌

】将数据从烧瓶传递到javascript时JSON中的意外令牌【英文标题】：UnexpectedtokeninJSONwhilepassingdatafromflasktojavascript【发布时间】：2018-03-1217:44:31【问题描述】：我正在尝试将简单数据从烧瓶传递到javascript文件我正在关注这个答案Passi... 查看详情

如何将数据从 javascript 函数传递到重定向页面？

】如何将数据从javascript函数传递到重定向页面？【英文标题】：Howtopassdatafromjavascriptfunctiontoredirectedpage?【发布时间】：2020-07-2107:39:26【问题描述】：constdb=firebase.firestore();functiongetDataOfBus()vardates=document.getElementById(\'departure-date\ 查看详情

Rails - 将信息从视图传递到 Javascript

】Rails-将信息从视图传递到Javascript【英文标题】：Rails-PassinformationfromviewtoJavascript【发布时间】：2014-08-1714:18:28【问题描述】：我想开始使用websockets。Ireadallthedocs什么都懂，但遗漏了我需要的东西：如何将信息从视图传递给JS？... 查看详情

如何将 MB 的数据从 PHP 传递到 Javascript [关闭]

】如何将MB的数据从PHP传递到Javascript[关闭]【英文标题】：HowtopassMBsofdatafromPHPtoJavascript[closed]【发布时间】：2013-03-0913:32:28【问题描述】：我正在开发一个回合制策略游戏，我在其中从PHP输出一系列数组，以便使用javascript在画布... 查看详情

将数据从 JavaScript 传递到 Swift。 UserContentController 函数从未调用过问题

】将数据从JavaScript传递到Swift。UserContentController函数从未调用过问题【英文标题】：PassingdatafromJavaScripttoSwift.UserContentControllerfunctionnevercalledproblem【发布时间】：2020-01-1109:51:50【问题描述】：我卡住了，函数“userContentController”... 查看详情

如何将数据从对象传递到javascript中的新数组？

】如何将数据从对象传递到javascript中的新数组？【英文标题】：Howtopassdatafromobjectintonewarrayinjavascript?【发布时间】：2022-01-1519:36:21【问题描述】：我只想发送数据对象vararrImg中包含的字段之一。我要推送的第一件事是vararrImg的... 查看详情

如何将json从java传递到javascript函数

】如何将json从java传递到javascript函数【英文标题】：Howtopassjsonfromjavatojavascriptfunction【发布时间】：2017-11-1004:17:32【问题描述】：我从我的数据库中创建了一个json字符串，我想将它传递给我的javascript函数，并将其打印到一个html... 查看详情

将数据从 vanilla Javascript 传递到 React 的最佳方式？ [关闭]

】将数据从vanillaJavascript传递到React的最佳方式？[关闭]【英文标题】：ThebestwaytopassdatafromvanillaJavascripttoReact?[closed]【发布时间】：2018-12-1819:14:01【问题描述】：我正在将一些react+redux代码集成到一个完全用vanillaJS（带有一些JQuery... 查看详情

如何将 json 数据从 ruby​​ 控制器传递到 javascript (Rails 6.1)？

】如何将json数据从ruby​​控制器传递到javascript(Rails6.1)？【英文标题】：Howtopassjsondatafromrubycontrollertojavascript(Rails6.1)?【发布时间】：2021-08-2710:46:47【问题描述】：我正在尝试将一些json数据从我的数据库传递到前端，以便我可以... 查看详情

Laravel JavaScript 将数组从后端传递到 JavaScript 中的数组

】LaravelJavaScript将数组从后端传递到JavaScript中的数组【英文标题】：LaravelJavaScriptpassinganarrayfrombackendtoaarrayinJavaScript【发布时间】：2016-04-0807:39:42【问题描述】：我有一个控制器，它将一个数组传递给刀片文件，称之为$data从那... 查看详情

如何将 utf-8 数据从 Django 传递到 javascript

】如何将utf-8数据从Django传递到javascript【英文标题】：howtopassutf-8datafromDjangotojavascript【发布时间】：2014-12-2909:04:59【问题描述】：我在Django中有以下键值对象：data="id":1,"question_text":"אנאבחראחתמהתשובותהבאות","answers":["la... 查看详情

如何将 mysql 数字类型数据从 php 传递到 Javascript 以作为字符串类型到达？ [关闭]

】如何将mysql数字类型数据从php传递到Javascript以作为字符串类型到达？[关闭]【英文标题】：HowdoIpassamysqlnumbertypedatafromphptoJavascripttoarriveasastringtype?[closed]【发布时间】：2021-11-1108:52:51【问题描述】：我正在尝试从mysql数据库中检... 查看详情

将数据从 Java/JSF2 bean 传递到 Javascript/jQuery 组件作为返回值的最佳方法

】将数据从Java/JSF2bean传递到Javascript/jQuery组件作为返回值的最佳方法【英文标题】：BestmethodforpassingDatafromJava/JSF2beantoJavascript/jQueryComponentsasreturnvalues【发布时间】：2011-12-1707:40:48【问题描述】：我无法确定将数据从Java支持/托管b... 查看详情

将 JSON 从 php 传递到 javascript

】将JSON从php传递到javascript【英文标题】：PassJSONfromphptojavascript【发布时间】：2011-07-0308:08:27【问题描述】：我想本地化我的web应用程序。由于不建议仅通过javascript进行本地化，因此我认为使用php将是一种替代方法。因此，我使... 查看详情

通过 AJAX 将数组从 php 传递到 javascript

】通过AJAX将数组从php传递到javascript【英文标题】：PassingarraythroughAJAXfromphptojavascript【发布时间】：2013-01-0623:59:39【问题描述】：我需要从脚本php生成一个数组。我有数据库中每个用户的纬度和经度。我使用以下代码（file.php）... 查看详情

在 GSP 中将数据从控制器传递到 JavaScript

】在GSP中将数据从控制器传递到JavaScript【英文标题】：PassingdatafromcontrollertoJavaScriptinGSP【发布时间】：2014-02-2212:37:27【问题描述】：我想通过直接在视图中嵌入数据将数据从控制器传递到javascript。（所以不会有额外的请求。）... 查看详情