Javascript 如何从JSON对象访问数据?
在react native webview的onMessage道具中,我接收到本机事件,如下所示Javascript 如何从JSON对象访问数据?,javascript,reactjs,react-native,react-native-android,react-native-ios,Javascript,Reactjs,React Native,React Native Android,React Native Ios,在react native webview的onMessage道具中,我接收到本机事件,如下所示 {"nativeEvent": {"canGoBack": true, "canGoForward": false, "data": "{\"url\":\"some_url"}", "loading": false, "targ
{"nativeEvent": {"canGoBack": true, "canGoForward": false, "data": "{\"url\":\"some_url"}", "loading": false, "target": 313, "title": "Doctors Platform", "url": "some_url"}}
我想访问数据对象内部的url值,知道怎么做吗
我的代码:
<WebView
source={{
uri: uri,
}}
renderLoading={renderLoadingView}
javaScriptEnabled={true}
domStorageEnabled={true}
startInLoadingState={true}
// onShouldStartLoadWithRequest={onShouldStartLoadWithRequest} //ios
onNavigationStateChange={onShouldStartLoadWithRequest} //android
ref={webviewRef}
injectedJavaScript={jsCode}
onMessage={(event) => {
let post = JSON.stringify(event.nativeEvent.data);
console.log(event)
console.log('post',post.message)
}}
/>
{
让post=JSON.stringify(event.nativeEvent.data);
console.log(事件)
console.log('post',post.message)
}}
/>
任何建议都很好,一定要让我知道需要什么才能更好地理解。nativeEvent.data的值是一个字符串化的对象,您必须解析它才能检索原始对象,您可以使用
const obj={“nativeEvent”:{“canGoBack”:true,“canGoForward”:false,“data”:“{“url\”:“some\u url\”,“load”:false,“target”:313,“title”:“Doctors Platform”,“url”:“some\u url”};
console.log(JSON.parse(obj.nativeEvent.data))
如果在数据属性上使用JSON.parse
,则使用.url
它将返回所需的结果
const myevent={“nativeEvent”:{“canGoBack”:true,“canGoForward”:false,“data”:“{“url\”:“some\u url\”,“load”:false,“target”:313,“title”:“Doctors Platform”,“url”:“some\u url”};
log(JSON.parse(myevent.nativeEvent.data).url)代码>