ホームページ >バックエンド開発 >PHPチュートリアル >php と js が json を介して相互にデータを転送する方法についてのディスカッション

php と js が json を介して相互にデータを転送する方法についてのディスカッション

高洛峰
高洛峰オリジナル
2016-12-01 15:01:281151ブラウズ

php と javascript を組み合わせて特定の機能を実装する場合、json がよく使用されます。 json は js のデータ形式であり、js で直接解析できます。 PHP は json データを直接読み取ることはできませんが、PHP は、PHP スクリプトからアクセスできるように json データを変換する json_decode 関数を提供します。同時に、PHP はデータを json 形式に変換する json_encode 関数も提供します。では、js のネイティブ json は、php の json_encode 関数によって変換された json とまったく同じですか?今日はウェブマスターがこの問題について皆さんと話し合います。

PHP 経由で配列データを JavaScript に渡す場合、通常はそれを JSON 形式に変換し、JavaScript を使用して取得する必要があります。次に、配列を例として、最初に 2 つの違いを見ていきます。

1. 1 次元配列
PHP 配列を考える
コードをコピーする コードは次のとおりです。
$array=array("1","2","3");

json_encode 関数を使用して変換すると、対応する json 文字列は
コードをコピーします。 コードは次のとおりです:
["1","2","3"]。

注意深い友人は、変換後に取得された json 文字列が JavaScript の配列の形式であることをすぐに発見しました。そのため、js 配列アクセスメソッドを使用してアクセスできますか?
もちろん可能ですが、この json 文字列を js に渡すときは、次のように urlencode 関数を使用してエンコードする必要があります。
コードをコピーします。 コードは次のとおりです。

次の js コードを使用して確認できます:
コードをコピーします。 コードは次のとおりです:
function show(str){
var jobj=eval_r(decodeURI(str)) ;
alert(jobj[2]);
}

実際に試してみると、確かに、js で 1 次元配列にアクセスするのと同じ方法でアクセスできることがわかります。 eval メソッドは、渡されるのが文字列であるため、json 文字列を json オブジェクトとして解釈します。文字列の 3 番目の文字の値が取得されます。
この 1 次元配列にいくつかの変更を加えてみましょう。上記の 1 次元配列にはインデックスが指定されていないため、デフォルトで数値インデックスが設定されています。
php 配列を考えてみましょう。
コードをコピーします コードは次のとおりです:
$array=array('a'=>'1','b'=>'2','c'=>'3'); json_encode 関数を使用した変換後の対応する json 文字列
のコードをコピーします。 コードは次のとおりです:
{"a":"1","b":"2","c":"3"}


最も明らかな違いは、文字列の両端の [] が {} になったことです。では、この文字列を上記のように処理して js でアクセスできるでしょうか。試してみましょう:
コードをコピーします。 コードは次のとおりです:
function show(str){
var jobj=eval_r(decodeURI( str)) ;
alert(jobj.a);
}

試してみると、リンクをクリックしてもポップアップ ウィンドウが表示されないことがわかります。なぜ? PHPで生成されたjson文字列の形式が間違っているのでしょうか?いえ、これは eval 関数を使って説明したところ、エラーが発生しました。上記の関数コードを次のように置き換えます。
コードをコピー コードは次のとおりです。
function show(str){
var jobj=eval_r('('+decodeURI(str)+')');
alert(jobj.a) ;
}

もう一度試してください。今からでも訪問してみてはいかがでしょうか?これは、 eval メソッドを使用してキー名を含む json 文字列を処理する場合、文字列の両端の大括弧を高速化する必要があることを示しています。その理由については、ウェブマスターにはわかりません。彼はただ巨人の肩の上に立っているだけです。
ここで、PHP によって生成された json 文字列
{"a":"1","b":"2","c":"3"} は、渡された後に直接 json 形式に解釈できないことに注意してください。 js に変換しますが、この文字列を使用して js 内に直接 json データを作成する場合は問題ありません。次のコードを試してください。
コードをコピーします。 コードは次のとおりです。
var jobj={"a":"1","b":"2","c":"3"};
alert(jobj.b) ) ;

2. 2 次元配列
2 次元配列は PHP で広く使用されているため、2 次元配列が変換された後の json 形式を理解することが非常に重要です。上記の例をベースとして、Web マスターは以下のサンプル コードを直接提供します。
コードをコピーします。 コードは次のとおりです。
function show (str){
var jobj=eval_r(decodeURI(str));
alert(jobj[0][0])
}

これは 1 次元配列に似ていることがわかります。したがって、show 関数では、文字列の両端の括弧を削除することもできます。
次に、2 次元配列にいくつかの変更を加え、2 次元にキー名を追加します。サンプル コードを参照してください。
コードをコピーします。 コードは次のとおりです。
関数 show(str){
var jobj=eval_r('('+decodeURI(str)+')');
alert(jobj[0].a)
}

全員がコードを実行した後、ここで json データにアクセスする方法がわかりました。は少し異なります。上では
alert(jobj[0][0]); を使用しましたが、ここでは
alert(jobj[0].a); を使用しました。理由は聞かないでください。これがjsonへのアクセス方法です。
上記の例では、2 次元配列の 2 次元にキー名を追加しました。次に、アクセス方法の違いを確認するために 1 次元にキー名を追加しました。
コードをコピーします。コードは次のとおりです。以下:
function show(str){
var jobj=eval_r('('+decodeURI(str)+')'); (jobj.k[1]) ;
}

ここでは
jobj.k[1] のメソッドを使用していますが、配列が json 形式に変換されると、配列にキー名が含まれていることがわかります。キー名
は、キーの下の要素にアクセスするために使用されます。上記の例では、k キーの下の配列要素は数値インデックスであるため、それにアクセスするには k[1] を使用します。ジェソン。
次に、配列の 1 番目と 2 番目の次元の両方にキー名を追加します。
コードをコピーします。 コードは次のとおりです。
function show (str){
var jobj=eval_r('('+decodeURI(str)+')');
alert(jobj.k.a)
}

前述のように、キー名が含まれている限り、アクセスするには
json オブジェクト .Key name
である必要があります。複数のキーがある場合は、
json object.Key name.Key name... を使用します。理由は聞かないでください。これは json のアクセス方法のみです。 JavaScript の発明者は、なぜこれを規定したのか説明してください。
結論:
1. phpの配列をjson文字列に変換してjsに渡す場合。配列にキー名が指定されていない場合は、js の eval メソッドを直接使用して、js 処理用の json 形式に変換できます。配列にキー名が含まれている場合は、eval メソッドを使用してそれを処理する必要があります。
()
を使用して、括弧で囲まれた JSON 文字列を変換します。
2. 配列にキー名が含まれている場合は、json 文字列に変換した後、
json オブジェクト.キー名.キー名... を使用して js でアクセスします。数値インデックスの場合は、
json オブジェクトを使用します。 [ 1]
or
json object.Key name[1]
このように。
上記では、PHP で json 文字列を js に渡すときに注意する必要があることを主に説明しました。次に、js を使用して JSON 文字列を php に渡すときに処理する方法について説明します。
賢明な方であれば、json データが引用符で囲まれ、文字列として PHP に渡される限り (通常は ajax で行われます)、json_decode 関数を使用してデコードできることをすでにご存知のはずです。それは正しい!それでおしまい!ただし、JSON 文字列を構築することがあまりない場合は、
echo json_encode(array('k'=>array("a"=>'1',') を使用することも考えられます。 2 ','3')))
このようにして、構築する必要があるターゲット文字列の json 形式を表示します。このようにして、必要な結果に従って js で構築できます。
さて、今日は JSON データを使用して php と js の間で通信する方法について説明しました。json エンコード後に php のオブジェクト型を js に渡すことができます。