ネイティブ登場マルチ!=アプリケーション/ JSONエラーを反応させ、IOSデバッグ例外TypeErrorネットワーク要求が頻繁にエラー決議を失敗しました

ネイティブ端参照コードを反応:

インポートは、「反応」から、{コンポーネント}を反応させ;
インポート{
    AppRegistry、
    スタイルシート、
    テキスト、
    TouchableHighlight、
    アラート、
    TouchableOpacity、
    表示
}反応ネイティブ'から。


// Postメソッド、リクエストボディにボディニーズ
/ *
* FromData
*主にフォームを作成するには、同じフォームとデータの形式をシリアル化するために使用
*
*データVAR =いるFormData新新();
* data.append(「name」を、「こんにちは」 );
*追記方法は、名前の値とフィールドフォームフィールドを表し、それぞれ、2つのパラメータのキーと値(キー、値)を受信する複数添加してもよい
*
*のjQueryで、「KEY1 =値1&KEY2 = valu2」 パラメータとしてオブジェクトフレームが自動的いるFormData状に分散され
、フェッチポスト要求のポストを作成しています*、自動的に本体にいるFormDataオブジェクトを作成
*
* * /
機能postRequest(URL){
    //「キー1 =値1&KEY2 = valu2 」 パッケージされた形態FromDataフォーム全体
    FORMDATAがFORMDATA新しい新=(LET);
    formData.append( "ID"、 "15");
    formData.append( "verName"、 "1111aaaa")。

    OPTS = {VAR
        法: "POST"、//要求メソッド
        ヘッダ:{
            '受け入れる': 'ファイルアプリケーション/ JSON'、
            'タイプのコンテンツ': 'ファイルアプリケーション/ JSON'、
        }、
        身体:FORMDATA、リクエストボディ//
    } ;


   FETCH(URL、{
        方法: 'POST'、
        ヘッダ:{
            '受け入れる': 'ファイルアプリケーション/ JSON'、
            '種類-コンテンツ': 'ファイルアプリケーション/ JSON'、//への'Content-Typeの':「マルチパート /フォーム-data " を解決することができます


        }、
        身体:FORMDATA、
    。})を((応答)=> {
        IF(response.ok){
            戻りresponse.json();
        }
    })を((JSON)=> {
        にconsole.log(JSON)。
        console.log(json.id)
       にconsole.log(json.verName)、
        警告(JSON.stringify(JSON));
    })キャッチ((エラー)=> {。
        console.error(エラー);
    })
}


輸出デフォルトのクラスのホームスクリーンは、コンポーネント{拡張
    レンダリング(){
        リターン(
            <ビュースタイル= {styles.container}>
                方法调用方式、绑定了この* /}:{/ *注意
                <TouchableOpacityたonPress = {postRequest.bind(これを、 "http://jmbsjk.com/test/test2.php")}>
                    <ビュースタイル= {styles.btn}>
                        <テキスト>後</テキスト>
                    </表示>
                </ TouchableOpacity>
            </表示>
        )。
    }
}

VARのスタイル= StyleSheet.create({
    コンテナ:{
        フレックス:1、
        のbackgroundColor: 'シアン'、
        marginTop:30、
        flexDirection: '行'、
        justifyContent: '中央'、
        alignItems '中央'
    }、
    BTN:{
        幅:60 、
        高さ:30、
        borderWidth:1、
        BORDERCOLOR: "黄色"、
        justifyContent: '中央'、
        alignItems '中央'
    }
})。
 

38元記事公開 ウォン称賛10 ビューに10万+を

おすすめ

転載: blog.csdn.net/winux123/article/details/89456388