C #에서 List <T> 직렬화 및 js 배열로 역 직렬화

내 자바 스크립트에 면도기 부분이 있지만 js 함수에 대한 매개 변수로 입력 된 js 변수에 액세스 할 수 없습니다.

목록을 직렬화 한 다음 json 문자열을 js 배열로 역 직렬화하려고합니다.

<script>
function listContainerBlobs(json, container) {
    @*var arr = @JsonConvert.DeserializeObject(json);*@
    var arr = JSON.parse(json);
    var blobs = document.getElementById('container-blob-display').innerHTML = "<h4>" + container + "</h4>";
    var otherDiv = document.getElementById('section-1');
    var thisDiv = document.getElementById('section-2');

    otherDiv.style.display = 'none';
    thisDiv.style.display = 'block';

    var blobNumber = 0;

    for (i = 0; i < arr.length; i++){
        blobNumber++;
        var blobId = "blobId" + blobNumber;
        blobs += "<p class='search-result' id='" + blobId + "' onclick='downloadBlob('" + blobId + "', '" + arr[i].Name + "', '" + container + "')' style='float: left; '>" + arr[i].Name + "</p>";
    }
}</script>

메서드에서 반환 된 List를 직렬화하는 면도기 페이지의 C # 코드입니다. json 문자열의 형식이 다르므로 js 내에서 json 문자열을 역 직렬화 할 수 없는지 궁금합니다.

var blobs = await Model.ListContainerBlobs(container.Name);
var jsonBlob = Json.Serialize(blobs);
//var jsonBlob = JsonConvert.SerializeObject(blobs);

나는 blobshtml 페이지에서 몇 가지 lopps와 물건을 사용하지만 js 함수의 매개 변수에 대해이 methodcall을 재사용 할 것이라고 생각했습니다 listContainerBlobs(json, container). 따라서 json 직렬화.

JS 함수 호출 :

<p class="search-result blob-container" id="@containerId" onclick="listContainerBlobs('@jsonBlob','@containerModel.Name')">@containerModel.Name</p>

브라우저에서 디버깅 할 때 수신 된 오류 :

this , this and this 를 읽음으로써 나는 면도기 내부에서 js- 변수를 호출 할 수 없다는 것을 받아 들여야한다고 생각합니다.

누구든지 이것에 대한 해결 방법이 있거나이 C # 목록의 직렬화 / 역 직렬화에 대한 더 나은 솔루션이 있습니까?

여기에 내가 직렬화하는 다른 json 유형이 중요하다면

• Json.Serialize (blobs); :

"[{\"StreamWriteSizeInBytes \ ": 4194304, \"ServiceClient \ ": {\"BufferManager \ ": null, \"Credentials \ ": {\"SASToken \ ": null, \"AccountName \ ": \"devstoreaccount1 \ ", \"KeyName \ ": null, \"IsAnonymous \ ": false, \"IsSAS \ ​​": false, \"IsSharedKey \ ": true, \"IsToken \ ": false, \"SASSignature \ ": null }, \ "BaseUri \": \ " http://127.0.0.1:10000/devstoreaccount1 \", \ "StorageUri \": {\ "PrimaryUri \": \ " http://127.0.0.1:10000/devstoreaccount1 \ ", \"SecondaryUri \ ": \" http://127.0.0.1:10000/devstoreaccount1-secondary\ "}, \"DefaultRequestOptions \ ": {\"RetryPolicy \ ": {}, \"AbsorbConditionalErrorsOnRetry \ ": null, \"LocationMode \ ": 0, \"ServerTimeout \ ": null, \"MaximumExecutionTime \ ": null, \ "ParallelOperationThreadCount \": 1, \ "SingleBlobUploadThresholdInBytes \": 134217728, \ "UseTransactionalMD5 \": null, \ "StoreBlobContentMD5 \": null, \ "DisableContentMD5Validation \": null}, \ "RetryPolicy \": { }, \ "DefaultDelimiter \": \ "/ \", \ "AuthenticationScheme \": 1}, \ "StreamMinimumReadSizeInBytes \": 4194304, \ "Properties \": {\ "CacheControl \": null, \ "ContentDisposition \ ": null, \"ContentEncoding \ ": null, \"ContentLanguage \ ": null, \"Length \ ": 68, \"ContentMD5 \ ": \"YUP3oQ5rwX9qEtwa7Op0Iw == \ ", \"ContentType \ ": \"text / plain \ ", \"ETag \ ": \"\\ "0x8D757BD9E066830 \\"\ ", \"Created \ ": \"2019-10- 22T09 : 06 : 29 + 00 : 00 \ ", \"LastModified \ ": \"2019-10-23T13 : 33 : 40 + 00 : 00 \ ", \"BlobType \ ": 2, \"LeaseStatus \ ": 2, \ "LeaseState \": 1, \ "LeaseDuration \": 0, \ "PageBlobSequenceNumber \": null, \ "AppendBlobCommittedBlockCount \": null, \ "IsServerEncrypted \": true, \ "IsIncrementalCopy \": false, \ "StandardBlobTier \": 0, \ "RehydrationStatus \": null, \ "PremiumPageBlobTier \": null, \ "BlobTierInferred \": false, \ "BlobTierLastModifiedTime \": null, \ "DeletedTime \": null, \ " RemainingDaysBeforePermanentDelete \ ": null}, \"메타 데이터 \ ": {},\ "Uri \": \ "http://127.0.0.1:10000/devstoreaccount1/first-container/FirstBlob.txt \ ", \"StorageUri \ ": {\"PrimaryUri \ ": \" http://127.0.0.1:10000/devstoreaccount1/first -container / FirstBlob.txt \ ", \"SecondaryUri \ ": \" http://127.0.0.1:10000/devstoreaccount1-secondary/first-container/FirstBlob.txt \ "}, \"SnapshotTime \ ": null, \ "IsSnapshot \": false, \ "IsDeleted \": false, \ "SnapshotQualifiedUri \": \ " http://127.0.0.1:10000/devstoreaccount1/first-container/FirstBlob.txt \", \ "SnapshotQualifiedStorageUri \ ": {\"PrimaryUri \ ": \" http://127.0.0.1:10000/devstoreaccount1/first-container/FirstBlob.txt \ ", \"SecondaryUri \ ": \" http ://127.0.0.1:10000/devstoreaccount1-secondary/first-container/FirstBlob.txt\ "}, \"CopyState \ ": null, \"Name \ ": \"FirstBlob.txt \ ", \"Container \ ": {\"ServiceClient \ ": {\"BufferManager \ ": null, \" 자격 증명 \ ": {\"SASToken \ ": null, \"AccountName \ ": \"devstoreaccount1 \ ", \"KeyName \ ": null, \"IsAnonymous \ ": false, \"IsSAS \ ​​": false, \ "IsSharedKey \": true, \ "IsToken \": false, \ "SASSignature \": null}, \ "BaseUri \": \ " http://127.0.0.1:10000/devstoreaccount1 \", \ "StorageUri \ ": {\"PrimaryUri \ ": \" http://127.0.0.1:10000/devstoreaccount1 \ ", \"SecondaryUri \ ": \" http://127.0.0.1:10000/devstoreaccount1-secondary\ "}, \"DefaultRequestOptions \ ": {\"RetryPolicy \ ": {}, \"AbsorbConditionalErrorsOnRetry \ ": null, \"LocationMode \ ": 0, \"ServerTimeout \ ": null, \"MaximumExecutionTime \ ": null, \ "ParallelOperationThreadCount \": 1, \ "SingleBlobUploadThresholdInBytes \": 134217728, \ "UseTransactionalMD5 \": null, \ "StoreBlobContentMD5 \": null, \ "DisableContentMD5Validation \": null}, \ "RetryPolicy \": { }, \ "DefaultDelimiter \": \ "/ \", \ "AuthenticationScheme \": 1}, \ "Uri \": \ " http://127.0.0.1:10000/devstoreaccount1/first-container \", \ "StorageUri \": {\ "PrimaryUri \": \ " http://127.0.0.1:10000/devstoreaccount1/first-container \", \ "SecondaryUri \":\ " http://127.0.0.1:10000/devstoreaccount1-secondary/first-container\ "}, \"이름 \ ": \"first-container \ ", \"메타 데이터 \ ": {}, \"속성 \ ": {\"ETag \ ": null, \"HasImmutabilityPolicy \ ": null, \ "HasLegalHold \": null, \ "LastModified \": null, \ "LeaseStatus \": 0, \ "LeaseState \": 0, \ "LeaseDuration \": 0, \ "PublicAccess \": null}}, \ "Parent \": {\ "ServiceClient \": {\ "BufferManager \": null, \ "Credentials \": {\ "SASToken \": null, \ "AccountName \": \ "devstoreaccount1 \", \ "KeyName \": null, \ "IsAnonymous \": false, \ "IsSAS \": false, \ "IsSharedKey \": true, \ "IsToken \": false, \ "SASSignature \": null}, \ " BaseUri \ ": \" http://127.0.0.1:10000/devstoreaccount1 \ ", \"StorageUri \ ": {\ "PrimaryUri \": \ " http://127.0.0.1:10000/devstoreaccount1 \", \ "SecondaryUri \": \ " http://127.0.0.1:10000/devstoreaccount1-secondary\ "}, \"DefaultRequestOptions \ ": {\"RetryPolicy \ ": {}, \"AbsorbConditionalErrorsOnRetry \ ": null, \"LocationMode \ ": 0, \"ServerTimeout \ ": null, \"MaximumExecutionTime \ ": null, \ "ParallelOperationThreadCount \": 1, \ "SingleBlobUploadThresholdInBytes \": 134217728, \ "UseTransactionalMD5 \": null, \ "StoreBlobContentMD5 \": null, \ "DisableContentMD5Validation \": null}, \ "RetryPolicy \": { }, \ "DefaultDelimiter \": \ "/ \", \ "AuthenticationScheme \": 1}, \ "Uri \": \ " http://127.0.0.1:10000/devstoreaccount1/first-container \", \ "StorageUri \": {\ "PrimaryUri \": \ " http://127.0.0.1:10000/devstoreaccount1/first-container \", \ "SecondaryUri \":\ " http://127.0.0.1:10000/devstoreaccount1-secondary/first-container\ "}, \"컨테이너 \ ": {\"ServiceClient \ ": {\"BufferManager \ ": null, \"Credentials \ ": {\"SASToken \ ": null, \"AccountName \ ": \"devstoreaccount1 \ ", \"KeyName \ ": null, \"IsAnonymous \ ": false, \"IsSAS \ ​​": false, \"IsSharedKey \ ": true, \"IsToken \ ": false, \"SASSignature \ ": null }, \ "BaseUri \": \ " http://127.0.0.1:10000/devstoreaccount1 \", \ "StorageUri \": {\ "PrimaryUri \": \ " http://127.0.0.1:10000/devstoreaccount1 \ ", \"SecondaryUri \ ": \" http://127.0.0.1:10000/devstoreaccount1-secondary\ "}, \"DefaultRequestOptions \ ": {\"RetryPolicy \ ": {}, \"AbsorbConditionalErrorsOnRetry \ ": null, \"LocationMode \ ": 0, \"ServerTimeout \ ": null, \"MaximumExecutionTime \ ": null, \ "ParallelOperationThreadCount \": 1, \ "SingleBlobUploadThresholdInBytes \": 134217728, \ "UseTransactionalMD5 \": null, \ "StoreBlobContentMD5 \": null, \ "DisableContentMD5Validation \": null}, \ "RetryPolicy \": { }, \ "DefaultDelimiter \": \ "/ \", \ "AuthenticationScheme \": 1}, \ "Uri \": \ " http://127.0.0.1:10000/devstoreaccount1/first-container \", \ "StorageUri \": {\ "PrimaryUri \": \ " http://127.0.0.1:10000/devstoreaccount1/first-container \", \ "SecondaryUri \":\ " http://127.0.0.1:10000/devstoreaccount1-secondary/first-container\ "}, \"이름 \ ": \"first-container \ ", \"메타 데이터 \ ": {}, \"속성 \ ": {\"ETag \ ": null, \"HasImmutabilityPolicy \ ": null, \ "HasLegalHold \": null, \ "LastModified \": null, \ "LeaseStatus \": 0, \ "LeaseState \": 0, \ "LeaseDuration \": 0, \ "PublicAccess \": null}}, \ "상위 \": null, \ "접두사 \": \ "\"}, \ "BlobType \": 2}] "

• Jsonconvert.SerializeObject (blobs); :

{[{ "streamWriteSizeInBytes": 4194304, "serviceClient": { "bufferManager": null, "credentials": { "sasToken": null, "accountName": "devstoreaccount1", "keyName": null, "isAnonymous": false , "isSAS": false, "isSharedKey": true, "isToken": false, "sasSignature": null}, "baseUri": " http://127.0.0.1:10000/devstoreaccount1 ", "storageUri": { " primaryUri ":" http://127.0.0.1:10000/devstoreaccount1 ","secondaryUri ":" http://127.0.0.1:10000/devstoreaccount1-secondary"},"defaultRequestOptions ": {"retryPolicy ": {},"absorbConditionalErrorsOnRetry ": null,"locationMode ": 0,"serverTimeout ": null,"maximumExecutionTime ": null,"parallelOperationThreadCount ": 1,"singleBlobUploadThresholdInBytes ": 134217728 , "useTransactionalMD5": null, "storeBlobContentMD5": null, "disableContentMD5Validation": null}, "retryPolicy": {}, "defaultDelimiter": "/", "authenticationScheme": 1}, "streamMinimumReadSizeInBytes": 4194304, "properties ": {"cacheControl ": null,"contentDisposition ": null,"contentEncoding ": null,"contentLanguage ": null,"length ": 68,"contentMD5 ":"YUP3oQ5rwX9qEtwa7Op0Iw == ","contentType ":"text / plain ","eTag ":"\ u00220x8D757BD9E066830 \ u0022 ","생성됨 ":"2019-10-22T09 : 06 : 29 + 00 : 00 ","lastModified ":"2019-10-23T13 : 33 : 40 +00 : 00 ","blobType ": 2,"leaseStatus ": 2,"leaseState ": 1,"leaseDuration ": 0,"pageBlobSequenceNumber ": null,"appendBlobCommittedBlockCount ": null,"isServerEncrypted ": true,"isIncrementalCopy ": false,"standardBlobTier ": 0,"rehydrationStatus ": null,"premiumPageBlobTier ": null,"blobTierInferred ": false,"blobTierLastModifiedTime ": null,"deletedTime ": null,"remainingDaysBeforePermanentDelete ": null},"metadata ": null},"metadata " : {}, "uri": ""2019-10-22T09 : 06 : 29 + 00 : 00", "lastModified": "2019-10-23T13 : 33 : 40 + 00 : 00", "blobType": 2, "leaseStatus": 2, "leaseState ": 1,"leaseDuration ": 0,"pageBlobSequenceNumber ": null,"appendBlobCommittedBlockCount ": null,"isServerEncrypted ": true,"isIncrementalCopy ": false,"standardBlobTier ": 0,"rehydrationStatus ": null,"premiumPageBlobTier ": null, "blobTierInferred": false, "blobTierLastModifiedTime": null, "deletedTime": null, "remainingDaysBeforePermanentDelete": null}, "metadata": {}, "uri": ""2019-10-22T09 : 06 : 29 + 00 : 00", "lastModified": "2019-10-23T13 : 33 : 40 + 00 : 00", "blobType": 2, "leaseStatus": 2, "leaseState ": 1,"leaseDuration ": 0,"pageBlobSequenceNumber ": null,"appendBlobCommittedBlockCount ": null,"isServerEncrypted ": true,"isIncrementalCopy ": false,"standardBlobTier ": 0,"rehydrationStatus ": null,"premiumPageBlobTier ": null, "blobTierInferred": false, "blobTierLastModifiedTime": null, "deletedTime": null, "remainingDaysBeforePermanentDelete": null}, "metadata": {}, "uri": "rentDuration ": 0,"pageBlobSequenceNumber ": null,"appendBlobCommittedBlockCount ": null,"isServerEncrypted ": true,"isIncrementalCopy ": false,"standardBlobTier ": 0,"rehydrationStatus ": null,"premiumPageBlobTier ": null,"blobTierInferred : false, "blobTierLastModifiedTime": null, "deletedTime": null, "remainingDaysBeforePermanentDelete": null}, "metadata": {}, "uri": "rentDuration ": 0,"pageBlobSequenceNumber ": null,"appendBlobCommittedBlockCount ": null,"isServerEncrypted ": true,"isIncrementalCopy ": false,"standardBlobTier ": 0,"rehydrationStatus ": null,"premiumPageBlobTier ": null,"blobTierInferred : false, "blobTierLastModifiedTime": null, "deletedTime": null, "remainingDaysBeforePermanentDelete": null}, "metadata": {}, "uri": "null, "remainingDaysBeforePermanentDelete": null}, "메타 데이터": {}, "uri": "null, "remainingDaysBeforePermanentDelete": null}, "메타 데이터": {}, "uri": "http://127.0.0.1:10000/devstoreaccount1/first-container/FirstBlob.txt ","storageUri ": {"primaryUri ":" http://127.0.0.1:10000/devstoreaccount1/first-container/FirstBlob.txt ","secondaryUri ":" http://127.0.0.1:10000/devstoreaccount1-secondary/first-container/FirstBlob.txt "},"snapshotTime ": null,"isSnapshot ": false,"isDeleted ": false," snapshotQualifiedUri ":" http://127.0.0.1:10000/devstoreaccount1/first-container/FirstBlob.txt ","snapshotQualifiedStorageUri ": {"primaryUri ":" http://127.0.0.1:10000/devstoreaccount1/first-container /FirstBlob.txt ","secondaryUri ":" http://127.0.0.1 :10000 / devstoreaccount1-secondary / first-container / FirstBlob.txt"},"copyState ": null,"name ":"FirstBlob.txt ","container ": {"serviceClient ": {"bufferManager ": null,"credentials ": {"sasToken ": null,"accountName ": "devstoreaccount1", "keyName": null, "isAnonymous": false, "isSAS": false, "isSharedKey": true, "isToken": false, "sasSignature": null}, "baseUri": " http : // 127.0.0.1:10000/devstoreaccount1 ","storageUri ": {"primaryUri ":" http://127.0.0.1:10000/devstoreaccount1 ","secondaryUri ":" http://127.0.0.1:10000/devstoreaccount1-secondary"},"defaultRequestOptions ": {"retryPolicy ": {},"absorbConditionalErrorsOnRetry ": null,"locationMode ": 0,"serverTimeout ": null,"maximumExecutionTime ": null,"parallelOperationThreadCount ": 1,"singleBlobUploadThresholdInBytes ": 134217728 , "useTransactionalMD5": null, "storeBlobContentMD5": null, "disableContentMD5Validation": null}, "retryPolicy": {}, "defaultDelimiter": "/", "authenticationScheme": 1}, "uri": " http : / /127.0.0.1:10000/devstoreaccount1/first-container ","storageUri ": {"primaryUri ":" http://127.0.0.1:10000/devstoreaccount1/first-container ","secondaryUri ":" http : // 127.0.0.1 :10000 / devstoreaccount1-secondary / first-container"},"name ":"first-container ","metadata ": {},"properties ": {"eTag ": null,"hasImmutabilityPolicy ": null,"hasLegalHold ": null,"lastModified ": null," rentStatus ": 0,"leaseState ": 0,"leaseDuration ": 0,"publicAccess ": null}},"parent ": {"serviceClient ": {"bufferManager ": null,"credentials ": {"sasToken ": null, "accountName": "devstoreaccount1", "keyName": null, "isAnonymous": false, "isSAS": false, "isSharedKey": true, "isToken": false, "sasSignature": null}, "baseUri" : " http://127.0.0.1:10000/devstoreaccount1 ", "storageUri": { "primaryUri": " http : //127.0.0.1 : 10000 / devstoreaccount1 ","secondaryUri ":" http://127.0.0.1:10000/devstoreaccount1-secondary"},"defaultRequestOptions ": {"retryPolicy ": {},"absorbConditionalErrorsOnRetry ": null,"locationMode ": 0,"serverTimeout ": null,"maximumExecutionTime ": null,"parallelOperationThreadCount ": 1,"singleBlobUploadThresholdInBytes ": 134217728 , "useTransactionalMD5": null, "storeBlobContentMD5": null, "disableContentMD5Validation": null}, "retryPolicy": {}, "defaultDelimiter": "/", "authenticationScheme": 1}, "uri": " http : / /127.0.0.1:10000/devstoreaccount1/first-container ","storageUri ": {"primaryUri ":" http://127.0.0.1:10000/devstoreaccount1/first-container ","secondaryUri ":" http : // 127.0.0.1 :10000 / devstoreaccount1-secondary / first-container"},"container ": {"serviceClient ": {"bufferManager ": null,"credentials ": {"sasToken ": null,"accountName ":"devstoreaccount1 ","keyName ": null,"isAnonymous ": false, "isSAS": false, "isSharedKey": true, "isToken": false, "sasSignature": null}, "baseUri": " http://127.0.0.1:10000/devstoreaccount1 ", "storageUri": { "primaryUri ":" http://127.0.0.1:10000/devstoreaccount1 ","secondaryUri ":" http://127.0.0.1:10000/devstoreaccount1-secondary"},"defaultRequestOptions ": {"retryPolicy ": {},"absorbConditionalErrorsOnRetry ": null,"locationMode ": 0,"serverTimeout ": null,"maximumExecutionTime ": null,"parallelOperationThreadCount ": 1,"singleBlobUploadThresholdInBytes ": 134217728 , "useTransactionalMD5": null, "storeBlobContentMD5": null, "disableContentMD5Validation": null}, "retryPolicy": {}, "defaultDelimiter": "/", "authenticationScheme": 1}, "uri": " http : / /127.0.0.1:10000/devstoreaccount1/first-container ","storageUri ": {"primaryUri ":" http://127.0.0.1:10000/devstoreaccount1/first-container ","secondaryUri ":" http : // 127.0.0.1 :10000 / devstoreaccount1-secondary / first-container"},"name ":"first-container ","metadata ": {},"properties ": {"eTag ": null,"hasImmutabilityPolicy ": null,"hasLegalHold ": null,"lastModified ": null," rentStatus ": 0,"leaseState ": 0,"leaseDuration ": 0,"publicAccess ": null}},"parent ": null,"prefix ":" "},"blobType ": 2}]}

이를 다시 생성하려면 C #으로 목록을 직렬화하고 onclick = ""을 통해 json 문자열을 js-function에 보내고 함수 내부의 문자열을 역 직렬화합니다.