ネイティブ端参照コードを反応:
インポートは、「反応」から、{コンポーネント}を反応させ;
インポート{
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 '中央'
}
})。