【入门】PHP 与 js的通信(via ajax,json)
JavaScript端: 注意:一定要设置xmlHttp.setRequestHeader,否则传往PHP的参数会变成null(line 38) 亮点在line 31! 代码 1 script type ="text/javascript" 2 function GetJson() { 3 var xmlHttp; 4 try { 5 // Firefox, Opera 8.0+, Safari 6 xmlHttp
JavaScript端:
注意:一定要设置xmlHttp.setRequestHeader,否则传往PHP的参数会变成null(line 38)
亮点在line 31!
代码
1 script type="text/javascript">
2 function GetJson() {
3 var xmlHttp;
4 try {
5 // Firefox, Opera 8.0+, Safari
6 xmlHttp =new XMLHttpRequest();
7 }
8 catch (e) {
9 // Internet Explorer
10 try {
11 xmlHttp =new ActiveXObject("Msxml2.XMLHTTP");
12 }
13 catch (e) {
14
15 try {
16 xmlHttp =new ActiveXObject("Microsoft.XMLHTTP");
17 }
18 catch (e) {
19 alert("您的浏览器不支持AJAX!");
20 returnfalse;
21 }
22 }
23 }
24
25 xmlHttp.onreadystatechange =function() {
26 if (xmlHttp.readyState ==4) {
27 //alert(xmlHttp.responseText);
28 var str = xmlHttp.responseText;
29 document.getElementById('show').innerHTML +=str;
30 //alert(str);
31 var obj = eval('('+ xmlHttp.responseText +')');
32 //var obj = eval(({"id":"123","name":"elar","age":"21"}));
33 alert(obj.name);
34 }
35 }
36 var data ="id=123";
37 xmlHttp.open("POST", "testJson.php", true);
38 xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
39 xmlHttp.send("id=123");
40 }
41 script>
42 input type="button" onclick="GetJson()" value="按我!"/>
43 hr />
44 div id="show">div>
PHP端【testJson.php】:
亮点在line 6
1 php
2 $res['id'] =$_POST['id'];
3 $res['name'] ="elar";
4 $res['age'] ="21";
5 $response="hello this is response".$_POST['id'];
6 echo json_encode($res);
7 ?>
总结:
js要往PHP端送数据,用的是xmlHttp.send("id=123");
PHP给js送数据,用的是echo json_encode($res);(要注意变量$res的构造应符合JSON的规范)
js要解析PHP送来的JSON格式的数据,用var obj = eval('('+ xmlHttp.responseText +')');
----------关于 json VS eval 请 --Google
推荐阅读
-
javascript和php使用ajax通信传递JSON的实例
-
php的ajax框架xajax入门与试用介绍
-
原生JS实现Ajax通过POST方式与PHP进行交互的方法示例
-
Ajax中的JSON格式与php传输过程全面解析
-
php+Ajax处理xml与json格式数据的方法示例
-
javascript和php使用ajax通信传递JSON的实例
-
【入门】PHP 与 js的通信(via ajax,json)
-
PHP 与 js的通信(via ajax,json)_javascript技巧
-
PHP 与 js json的通信实例
-
PHP 与 js的通信(via ajax,json)_javascript技巧