jsonp基础原理

  • jsonP实现的效果和ajax非常类似,但jsonP并不是ajax的一部分。
  • jsonP主要用于解决跨站数据请求,它的基本原理是:利用了script标签无跨域限制,这一特点来实现的。
  • jsonP的英文是json padding 意思是将内容嵌入到script中,实现跨站的请求。

本次实例,将getData.php放在两个不同的域名下,从而实现跨域的演示。本实例需要用到的本地服务器环境是XAMPP,因为php文件必须在服务器环境运行。

getData.php 文件的代码:

html代码:

jsonp跨域加载的基本用法,getdata.php不在当前域下

        css代码:

        暂无..
        

        javascript代码:

        
        

        效果展示:

        jsonp基础原理_第1张图片
        初始状态
        jsonp基础原理_第2张图片
        加载成功状态

        你可能感兴趣的:(jsonp基础原理)