php与 JQ数据交互 ajax

分类：PHP 发布时间：2016-09-01 15:22:00

一、前台传递字符串变量，后台返回字符串变量（非json格式） 在非json格式下，后台只能返回字符串，如果想后台返回数组，可以采用json格式 　　Javascript代码： ``` <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script> $(function(){ var my_data="前台变量"; $.ajax({ url: "ajax_php.php", type: "POST", data:{trans_data:my_data}, //dataType: "json", error: function(){ alert('Error loading XML document'); }, success: function(data,status){ alert(data); } }); }); </script> ``` PHP代码： ``` header('Content-Type:text/html; charset=utf-8'); $backValue=$_POST['trans_data']; echo $backValue."+后台返回"; ``` 二、前台传递多个一维数组，后台返回二维数组（json格式） 　　Javascript代码： ``` $(function(){ var my_data=new Array(); var my_data1=new Array(); my_data[0]=0; my_data[1]=1; my_data[2]=2; my_data1[0]=10; my_data1[1]=11; my_data1[2]=12; $.ajax({ url: "ajax_php.php", type: "POST", data:{trans_data:my_data,trans_data1:my_data1}, dataType: "json", error: function(){ alert('Error loading XML document'); }, success: function(data){//如果调用php成功 var back=""; for(var i=0;i<(data.length);i++){ for(var j=0;j<data[0].length;j++){ back+=" "+i+" 行 "+j+" 列 :"+data[i][j]+" "; } back+="\n"; } alert(back); } }); }); ``` PHP代码： ``` header('Content-Type:text/html; charset=utf-8');/ $backValue=array(); $backValue[0]=$_POST['trans_data']; $backValue[1]=$_POST['trans_data1']; echo json_encode($backValue); ```