2017-01-03 46 views
0
一個的WebAPI

我不能夠讀取在ReactJS代碼Response,但API調用與Response Code: 200如何閱讀Respose形式ReactJS

我ReactJS代碼返回正確的JSON數據是

fetch('http://localhost:8090/api/Contact/GetContactType', {mode: 'no-cors'}) 
      .then(response=> { 
       console.log(response.data); 
       console.log(response); 

      }); 

在Web API將返回以下JSON瀏覽器

[ 
    { 
     "ContactTypeId":1, 
     "ContactType":"Seller" 
    }, 
    { 
     "ContactTypeId":2, 
     "ContactType":"Re-Seller" 
    } 
] 

請HEL p我讀使用回答的ReactJS

響應以下JSON:@ OB3

我試過一樣的,但我發現了異常。請參閱截圖並幫助我。

enter image description here

回答

0

您必須首先解析響應主體。

fetch('http://localhost:8090/api/Contact/GetContactType', {mode: 'no-cors'}) 
    .then(function(response) { 
     return response.json() 
    }).then(function(json) { 
     console.log('parsed json', json) 
    }).catch(function(ex) { 
     console.log('parsing failed', ex) 
    }) 
+0

請問您可以使用'console.log()'打印json對象 –

+0

它是在第二個'then'塊中做的。 –

+0

服務器可能返回無效的json響應嗎?你可以發佈回覆的截圖嗎? (在「網絡」選項卡下) –