MVC 뷰 모델> JS 뷰 모델 - catch되지 않은 구문 에러 : 예기치 않은 토큰 및

Question

가 나는 JS 오류가 "catch되지 않은 구문 에러 : 예기치 않은 토큰 &"나는

(knockout.js에 대한) 내 서버 측 뷰 모델에서 클라이언트 측의 ViewModel을 통과 할 때 뷰 모델

public class InvoiceViewModel 
{ 
     public Factuur Factuur { get; set; } 
     public List<Factuurlijn> Factuurlijnen { get; set; } 
} 

컨트롤러

 //Create Viewmodel 
     InvoiceViewModel ivm = new InvoiceViewModel(); 

     //Initialize vm objects 
     int aantaldagentotvervaldatum = Convert.ToInt32(General.getParameter("defaultaantaldagentotvervaldatum")); 

     Factuur i = new Factuur { factuur_nummer = 1, factuur_nummervoorvoegsel = DateTime.Now.Year.ToString(), factuur_datum = DateTime.Now, factuur_type = Ftype, factuur_vervaldatum = DateTime.Now.AddDays(aantaldagentotvervaldatum), factuur_kortingspercentage = Convert.ToDecimal(General.getParameter("defaultkortingspercentage")) }; 

     List<Factuurlijn> FLijnen = new List<Factuurlijn>{new Factuurlijn(){ factuurlijn_aantal = 0, factuurlijn_item="", factuurlijn_prijs=0 }}; 

     // add objects to viewmodel 
     ivm.Factuur = i; 
     ivm.Factuurlijnen = FLijnen; 

     return View(ivm); 

보기

@{ 
     //prepare viewmodel to assign to pas into js 
     string initialData = new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(Model); 

    } 

... 

<script type="text/javascript"> 
    var initialDataJS = @(initialData) 
    alert('initialdata : ' + initialDataJS); 
</script> 

내 경고가 표시되지 않으며 오류가 발생합니다. 크롬 : //firebug/content/net/requestObserver.js 크롬에서

: catch되지 않은 구문 에러 클리어 된 범위 Bronbestand 갈 컴파일 및 스크립트를 실행하는 시도 : FF에서

: 예기치 않은 난을 벌써 나는 내가 JS 변수에 할당하기 전에는 뷰 모델의 직렬화에 잘못,하지만 난 이유를 이해하지 않는 느낌이있다 &

...

토큰

var initialDataJS = {"Factuur":{"factuur_id":0,"factuur_nummervoorvoegsel":"2012","factuur_nummer":1,"factuur_type":"F","bedrijf_id":0,"factuur_naam":null,"factuur_notities":null,"factuur_details":null,"factuur_datum":"\/Date(1335443889648)\/","factuur_vervaldatum":"\/Date(1336307889648)\/","factuur_kortingspercentage":0,"factuur_betaald":false,"factuur_bedrijf_naam":null,"factuur_bedrijf_adres":null,"factuur_bedrijf_postcode":null,"factuur_bedrijf_gemeente":null,"factuur_bedrijf_land":null,"factuur_bedrijf_tel":null,"factuur_bedrijf_fax":null,"factuur_bedrijf_gsm":null,"factuur_bedrijf_email":null,"factuur_bedrijf_website":null,"factuur_bedrijf_btw":null,"factuur_deleted":false,"bedrijf":null,"bedrijfReference":{"Value":null,"EntityKey":null,"RelationshipName":"ScotaModel.facturen_ibfk_1","SourceRoleName":"facturen","TargetRoleName":"Bedrijf","RelationshipSet":null,"IsLoaded":false},"factuurlijnen":[],"EntityState":1,"EntityKey":null},"Factuurlijnen":[{"factuurlijn_id":0,"factuur_id":0,"factuurlijn_item":"","factuurlijn_aantal":0,"factuurlijn_prijs":0,"factuurlijn_btwbedrag":0,"factuurlijn_btwpercentage":0,"factuurlijn_datum":"\/Date(-62135596800000)\/","factuurlijn_volgorde":null,"factuurlijn_deleted":false,"facturen":null,"facturenReference":{"Value":null,"EntityKey":null,"RelationshipName":"ScotaModel.factuurlijnen_ibfk_1","SourceRoleName":"factuurlijnen","TargetRoleName":"facturen","RelationshipSet":null,"IsLoaded":false},"EntityState":1,"EntityKey":null}]} 

누군가가 나를 도울 수 유효하지 않은 속성 ID : y를 누른 후, 나는 내 JS 오류가

오류 이것을보고 ...

string initialData = Json.Encode(Model); 

하지만 성공을 했어요?

Answer 1

변경

var initialDataJS = @(initialData) 

필 Haack http://haacked.com/archive/2011/01/06/razor-syntax-quick-reference.aspx

면도기에서

var initialDataJS = @Html.Raw(initialData) 

에 안전하게 모든 따옴표를 인코딩하기 위해 노력하고있다,하지만 당신은 실제로 자바 스크립트를해야합니다.

Answer 2

당신은 인용 문자를 교체해야합니다. 여기 내가이 예에서

var jsonStr = '@(Model.JSONData)'; 
    var json = JSON.parse(jsonStr.replace(/"/g, '"')); 

    viewModel = new JsModel(json); 
    ko.applyBindings(viewModel); 

그렇게 할 것입니다, 당신은 jsonStr 변수의 문자열로 서버에서 데이터를 저장 한 후 정규식의 도움으로 큰 따옴표를 대체하고 구문 분석합니다. json 객체를 생성합니다.