$.ajax()实现跨域访问

本文介绍了如何利用jQuery的$.ajax()方法配合jsonp实现跨域数据访问。服务器端php代码需要配合客户端设置,将返回数据包装在特定回调函数中。本地代码展示了一个简单的$.ajax()调用示例,说明了jsonp参数和dataType设置的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

服务器php代码:

<?php 
$arr = array
   (
      'Name'=>'希亚',
      'Age'=>20
   );

echo $_GET['my']."(".json_encode($arr,JSON_UNESCAPED_UNICODE).")";;
?>

本地代码:

<script type="text/javascript">
$.ajax({
    url:"http://chenqiong.com.cn/test.php",
    dataType:"jsonp",
    type:"get",
    jsonp: "my",
    success:function(data){
        console.log('success');
        document.write(data['Name']);
        console.log(data);
    }
});
</script>

解释:
$.ajax()中,参数jsonp为发起请求附带的方法,dataType为jsonp,意思是跨域请求使用的json数据类型。
服务器在返回数据时,也不能直接返回数据,而是将请求附带的方法和要返回的数据(用括号包起来),一起返回。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值