JavaScript与PHP间传送数据
转载http://www.nowamagic.net/javascript/js_TransferDataBetweenPhpAndJs.php
2010-11-17
在Web开发中,PHP与JavaScript之间的通信是经常需要做的事。下面是一个例子。
JavaScript端:
一定要设置xmlHttp.setRequestHeader,否则传往PHP的参数会变成null(line 43)。第36行是亮点。
01 | <script type= "text/javascript" > |
08 | xmlHttp = new XMLHttpRequest(); |
14 | xmlHttp = new ActiveXObject( "Msxml2.XMLHTTP" ); |
19 | xmlHttp = new ActiveXObject( "Microsoft.XMLHTTP" ); |
22 | alert( "您的浏览器不支持AJAX!" ); |
28 | xmlHttp.onreadystatechange = function () |
30 | if (xmlHttp.readyState == 4) |
33 | var str = xmlHttp.responseText; |
34 | document.getElementById( 'show' ).innerHTML +=str; |
36 | var obj = eval( '(' + xmlHttp.responseText + ')' ); |
42 | xmlHttp.open( "POST" , "testJson.php" , true ); |
43 | xmlHttp.setRequestHeader( "Content-Type" , "application/x-www-form-urlencoded" ); |
44 | xmlHttp.send( "id=123" ); |
47 | <input type= "button" onclick= "GetJson()" value= "按我!" /> |
PHP端【testJson.php】:
注意,php文件要干净,<?php ?>标签的外部不能有其他标签,否则eval函数无法解析。
2 | $res [ 'id' ] = $_POST [ 'id' ]; |
5 | $response = "hello this is response" . $_POST [ 'id' ]; |
总结:
js要往PHP端送数据,用的是xmlHttp.send("id=123");
PHP给js送数据,用的是echo json_encode($res);(要注意变量$res的构造应符合JSON的规范)
js要解析PHP送来的JSON格式的数据,用var obj = eval('('+ xmlHttp.responseText +')');