开发者学堂课程【Ajax 前端开发入门与实战:跨域的本质-引入外部 php 文件】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/595/detail/8543
跨域的本质-引入外部 php 文件
内容介绍:
一、能否引入外部 php 文件
二、举例
一、能否引入外部 php 文件
能引入外部 php 文件,只要外部 php 文件输出的内容也是 js 代码,就可以通过script 标签的 src 属性来进行引入。
二、举例
l 创建一个 weather02.html 文件
</script>
<script
type="text/javascript"src="http;//www.lisi.com/data
.
php" >
</script>
<script type="text/javascript">
console.log(str);
</script>
</head>
<body>
</body>
</html>
引入 data.php 文件:
<?php
echo"var
str ='haha'";
?>
浏览器输出为:“haha”
l 参数引入
引入一个外部 php 文件:传递参数。
将 data.php 文件更改为:
<?php
$city = $_ GET["city"];
if($city == "beijing") {
echo "foo('北京的天气晴')";
}else {
echo "foo('没有查询到天气信息')";
}
//echo "var str = 'haha'";
?>
将 foo 方法定义进去
将参数 city=beijing 引入
</script>
<script
type="text/javascript"src="http;//www.lisi.com/data
.
php"
city=beijing
></script>
<script type="text/javascript">
function foot(){
//console.log(data);
}
console.log(str);
</script>
</head>
<body>
</body>
</html>
浏览器输出结果为:“北京的天气晴”
将参数 city=shanghai 引入,浏览器输出结果为:“没有查询到天气信息”
传递了不同的参数获取到了不同的数据,使用到了跨域的本质。服务器返回的是一个方法调用,这个方法是事先定义好的。方法当中的参数就是我们想要的数据。