ajax || 实现跨域名访问

最新推荐文章于 2021-08-06 02:48:53 发布

编程小飞侠

最新推荐文章于 2021-08-06 02:48:53 发布

阅读量390

点赞数

分类专栏： ajax 文章标签： ajax

本文链接：https://blog.csdn.net/weixin_45703155/article/details/107492885

版权

ajax 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

实例一：

在这里插入图片描述

$.post()方法的使用：

html文件：
在这里插入图片描述

php文件：
在这里插入图片描述
$.ajax()方法：

html文件：
在这里插入图片描述
php文件：

$_getJSON()方法：

html文件：
在这里插入图片描述
json文件：

实例二：

发送请求与获取信息（a.php):

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ajax跨域</title>
<script type="text/javascript" src="../jquery-3.4.1.min.js"></script>
<script type="text/javascript">
        function sendMessage(){

                $.ajax({        //ajax实现跨域（在一个a.com域名访问另一个域名b.com的数据
                        url:"http://www.b.com:8090/b.php?callback=?", //跨域访问另一个域名b.com的b.php
                        dataType:"jsonp",       //类型
                        jsonpCallback:"fun1",   //回调函数fun1()
                        success:function(data){}
                });
        }

        function fun1(data){    //data来源于另一个域名b.com返回的数据
                alert(data);
        }
</script>
</head>
<body>
   <input type="button" onclick="sendMessage()" value="ajax跨域" />
</body>
</html>

给a.php返回数据的另一个域名文件（b.php):

<?php
        $json = json_encode(array('a'=>1,'b'=>2,'c'=>3));
        $funSTR = "fun1(".$json.")";
        echo $funSTR;
?>

编程小飞侠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录