- jsonP实现的效果和ajax非常类似,但jsonP并不是ajax的一部分。
- jsonP主要用于解决跨站数据请求,它的基本原理是:利用了script标签无跨域限制,这一特点来实现的。
- jsonP的英文是json padding 意思是将内容嵌入到script中,实现跨站的请求。
本次实例,将getData.php
放在两个不同的域名下,从而实现跨域的演示。本实例需要用到的本地服务器环境是XAMPP,因为php文件必须在服务器环境运行。
getData.php 文件的代码:
|
|
html代码:
|
|
css代码:
|
|
javascript代码:
|
|
效果展示: