ajax_php.php
<?php
/*** Created by PhpStorm.
* User: Administrator
* Date: 15-7-21
* Time: 上午9:32
*/
header('Content-Type:text/html; charset=utf-8');//使用utf-8'编码,使中文不会变成乱码
$ar=array(array('id'=>1087,'count'=>1),array('id'=>713,'count'=>2));
echo $arr=json_encode($ar);
//echo '<br>';
//echo print_r(json_decode($arr));
index.html
<html>
<head>
<title>ajax</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" charset="utf-8" src="jquery-2.1.4.min.js"></script>
<script>
$(function(){
var my_data="前台变量";
my_data=escape(my_data)+"";//编码,防止汉字乱码
$.ajax({
url: "ajax_php.php?id=1",
type: "get",
data:{trans_data:my_data},
dataType: "json",
error: function(){
alert('Error loading XML document');
},
success: function(data,status){//如果调用php成功
alert(unescape(my_data));
alert(data[0]['id']);
}
});
});
</script>
</head>
</html>
注意:jq在官网上下载 后台传入的值要和dataType一致