示例1:Ajax跨域POST/GET传输数据是一个令人纠结的问题
上次合肥网遇到一个专题九涉及到了ajax跨域问题,本身来说,基于安全考虑防止进行跨域调用是没错的
但是技术的这东最不好说了,哎,,,还是想办法突破吧,
最简单的方法不外乎框架,方法也很多,下面使用jquery的JSONP来做:
url: 发送请求的地址
主要用于客户端获取服务器JSON数据。
示例2:
后端:
$json_str = json_encode(array("ddd"=>"11111111"));
echo $_GET['ja'].'('.$json_str.')';
?>
前端:
alert(json);
});
示例2:
$jarr=json_encode($arr);
echo $jarr;
<script language="javascript" type="text/javascript">
function getjs()
{
$.getJSON("$.getJSON.php", {}, function(response){
alert(response.age);
});
}
$("#go").click(function(){
$(".block").animate( { backgroundColor: 'pink' }, 1000)
.animate( { backgroundColor: 'blue' }, 1000);
});
});
- <script>
- $(document).ready(function(){
- $.ajax({
- url:'http://localhost/test/jsonp.php',
- dataType:"jsonp",
- jsonp:"jsonpcallback",
- timeout: 5000,
- success:function(data, status){
- alert('success: ' + status);
- var $ul = $("<ul></ul>");
- $.each(data,function(i,v){
- $("<li/>").text(v["id"] + " " + v["name"]).appendTo($ul)
- });
- $("#res").append($ul);
- },
- error:function(XHR, textStatus, errorThrown){
- alert('error: ' + textStatus);
- alert('error: ' + errorThrown);
- }
- });
- });
- lt;/script>
- $jsonp = $_GET['jsonpcallback'];
- $arr = array(
- 'id' => '1',
- 'name' => 'test'
- );
- echo $jsonp, '([', json_encode($arr), '])';
- ?>