一.采用JSONP跨域获取数据。（优点:兼容大部分浏览器包括IE6。缺点:获取数据以Get获取较不安全）
前端JS代码:
$.ajax({
"url" : "http://www.liubf.com/Bang/post_jsonp.php",
"type" :"GET",
"dataType": "JSONP",
"data": {
"loginuser" : $("input[name=loginuser]").val(),
"loginpass" : $("input[name=loginpass]").val()
},
"success":function(response,status,xhr){
for (var i in response){
alert(i + "---" +response[i]);
}
},
"error":function(xhr,errorText,errorStatus){
alert("ajax访问错误：" + xhr.status + " " +xhr.statusText );
}
});
服务器代码:
$arr = array("user" => $_GET['loginuser'] , "pass" => $_GET['loginpass'] ,"c" =>130);
$_result = json_encode($arr);
$callback = $_GET['callback'];
echo $callback."($_result)";
二.采用CORS(跨域源资源共享)获取数据。（优点:以POST数据加密方式获取，较安全。缺点:不兼容IE9及IE9以下浏览器）
前端代码:
$.ajax({
"url" : "http://www.liubf.com/Bang/post_jsonp.php",
"type" :"POST",
"dataType": "JSON",
"data": {
"loginuser" : $("input[name=loginuser]").val(),
"loginpass" : $("input[name=loginpass]").val()
},
"success":function(response,status,xhr){
for (var i in response){
alert(i + "---" +response[i]);
}
},
"error":function(xhr,errorText,errorStatus){
alert("ajax访问错误：" + xhr.status + " " +xhr.statusText );
}
});
服务器端代码:
header("Access-Control-Allow-Origin:*"); //*号可以修改 限制为IP
$arr = array("user" => $_POST['loginuser'] , "pass" => $_POST['loginpass'] ,"c" =>130);
$_result = json_encode($arr);
echo $_result;
