Comment passer des données d'une fonction C # à javascript?

Il existe plusieurs façons.

Certains d'entre eux sont directement réalisés dans la vue MVC. Vous devez obtenir la variable c # dans la vue. Il existe 2 façons typiques de faire cela: 1) comme modèle 2) en tant qu'élément ViewBag

Pour le faire en tant que variable de modèle, vous voulez passer le tableau dans la fonction View () du contrôleur. par exemple

 <script>
      var myJavascriptArray = @Html.Raw(Json.Convert(ViewBag.MyArray));
</script>

dans la vue, vous vous référez à la variable mettre quelque chose comme ça en haut de la vue:

@ViewBag.MyArray[0]

Plus tard dans la vue, la variable est affectée à la variable "Modèle". par exemple

 ViewBag.MyArray = myArray;

L'autre façon est de l'attribuer au ViewBag dans le contrôleur:

 @Model[0]  

Ensuite dans la vue vous peut accéder au ViewBag:

 @model  MyClass[]

Vous devez maintenant le mettre en Javascript. Cela peut être fait en traduisant manuellement la variable en code javascript (si vous le souhaitez). Il existe plusieurs packages qui font un excellent travail pour vous. Voir Newtonsoft.Json comme un élément courant. Json est juste une expression javascript donc il peut être "évalué" comme javascript en le plaçant là où le code javascript irait:

 MyClass[]  myArray = new MyClass[] {  new MyClass("A"), new MyClass("B"), ...};
 View(myArray);

Attention, le tableau ne peut contenir aucun code qui être manipulé par les utilisateurs pour faire de mauvaises choses sur votre page.

Comme autre technique, le javascript peut appeler un contrôleur api qui fournit les données au format Json. Le contrôleur asp.net effectuera généralement la conversion JSON pour vous. Vous utilisez un appel ajax de Jquery, ou un appel javascript brut "fetch" pour obtenir les données du contrôleur api.

La réponse courte est qu'une fonction sur le client ne peut pas être appelée directement depuis le serveur. Vous devrez demander au client de demander les informations.

JQuery est votre chemin le plus simple côté client. Essayez quelque chose comme ceci:

Code client

using System;
using System.Collections.Generic;
using System.Web.Script.Serialization;
using System.Web.Mvc;

Côté serveur, vous devrez être en mesure de recevoir le demander et renvoyer les données.

C # / MVC / Controller Code

[HttpPost]
public JsonResult YourMethodName(string inputData)//JSON should contain key, action, otherThing
{
    JsonResult RetVal = new JsonResult();  //We will use this to pass data back to the client

    try
    {
        var JSONObj = new JavaScriptSerializer().Deserialize<Dictionary<string, string>>(inputData);
        string RequestKey = JSONObj["key"];
        string RequestAction = JSONObj["action"];
        string RequestOtherThing = JSONObj["otherThing"];

        //Use your request information to build your array
        //You didn't specify what kind of array, but it works the same regardless.
        int[] ResponseArray = new int[10];

                //populate array here

        //Write out the response
        RetVal = Json(new
        {
            Status = "OK",
            Message = "Response Added",
            MyArray = ResponseArray
         });
        }

    }
    catch (Exception ex)
    {
        //Response if there was an error
        RetVal = Json(new
        {
            Status = "ERROR",
            Message = ex.ToString(),
            MyArray = new int[0]
        });
    }
    return RetVal;
}

Vous aurez besoin de ces espaces de noms dans votre déclaration de contrôleur:

   var myRequest = {
        key: 'Put an identifier here',  //Pack myRequest with whatever you need
        action: 'Put an action here',
        otherThing: 'Put other stuff here'
    };

    //To send it, you will need to serialize myRequest.  JSON.strigify will do the trick
    var requestData = JSON.stringify(myRequest);

    $.ajax({
        type: "POST",
        url: "Your URL goes here",
        data: { inputData: requestData }, //Change inputData to match the argument in your controller method

        success: function (response) {
            if (response.Status !== "OK") {
                alert("Exception: " + response.Status + " |  " + response.Message);
            }
            else {
                //Add code for successful thing here.
                //response will contain whatever you put in it on the server side.  
                //In this example I'm expecting Status, Message, and MyArray

            }
        },
        failure: function (response) {
            alert("Failure: " + response.Status + " |  " + response.Message);
        },
        error: function (response) {
            alert("Error: " + response.Status + " |  " + response.Message);
        }
    });

Cela devrait vous aider sur la bonne voie. J'espère que ça aide!

Ce que je fais,

en c #

<script>
 var arr = arrayElements;
</script>

en page aspx

protected string arrayElements = String.Join("_separator_",yourArray);

et utiliser arr dans des fichiers js externes.