2012-05-10 16 views
0

jQueryで取り出せるデータはPHPから送信できますかデータ
私はプロパティと属性を送信する方法を知っていますが、データオブジェクトを送信します。
JavaScriptのデータをPHPからHtmlに送信できますか?

つまり、jQueryでデータを取得するためにdivをレンダリングする必要がありますか?

<div id="div" <!-- Whet should I put here??-->></div> 

答えて

0

あなたは私はあなたがあなたのdivこのような

の属性を使用することを理解するのdiv内のデータを書いた場所に基づいて:そして、あなたはjQueryのでは、この値は、これを入力して取得することができます

<div id="my_div" data-my-attribue="value"></div> 

$('#my_div').attr('data-my-attribue'); 

+0

jQueryの.data()メソッドを直接使用することもできます。$( '#my_div')。data( 'my-attribute'); – Clement

+0

@Clementはい私は他の答えを見て、私はそれを見た、私は何か新しいことを学んだ:)ありがとう;) –

2

はい、できます。しかし、なぜそれをdivに書いていますか? PHPオブジェクトをJSON形式でエンコードし、そのまま<script>タグ内のJavaScriptに出力してください。

+0

多くのタグが、私はそれを行うことはできません – skafandri

+0

はい、できます。着信データをDOMに追加するだけの場合は、divタグまたはscriptタグの追加に違いはありません。また、JSONを送信することで、HTMLマークアップや引用符を追加することなく、JSON.parseで応答を解析することでよりクリーンな方法が提供されます。 –

+0

私は、それぞれの要素がそれ自身の関連するデータを持っていて、対応する要素にjavaScript変数をマップするのは非常に面倒です。$( 'element')。data( 'someId')? – skafandri

2

てみてください(これはHTML 5で有効です):

<div id="unique-id" data-hello="<?php echo "world" ?>"></div> 

alert($('#unique-id').data('hello')); // world 

チェックアウト:http://api.jquery.com/jQuery.data/

をあなたがすることもできます:あなたが好きなデータ属性に名前を付けることができます

var php_data = <?php json_encode(array('hello', 'world')); ?>; 

alert(php_data); // hello,world 
0
<div id="myId" data-nameitwhateveryoulike="add your data here">Blah blah</div> 

、あなただけの "データ - " とそれに先行する必要があり、上記のように。

+0

whoopsはコードをインデントするのを忘れていた... thats fixed now – hammerbrostime

1

ベストプラクティスは、AJAXを使用するのですが、はい、あなたは、

<div id="div" data-test="test1"></div> 
alert($('#div').data('test'));// will show 'test1' 
0

あなたは、PHPから件のデータを送信し、取得するために、入力タイプの隠しフィールドを使用することができます。 Ajaxのaccross来るページの

<input type='hidden' value='myvalue' id='mykey'/> 

<script> 
var mykey = document.getElementById("mykey").value; 
</script> 
関連する問題