原生JS和jQuery实现jsonp跨域请求

一、概念

• Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。

二、原生JS实现jsonp

三、jQuery的jsonp方式跨域请求

<%@ page pageEncoding="utf-8" contentType="text/html;charset=UTF-8"  language="java" %>


    
    
    


    
    

控制台结果

调用showData
调用success

四、ajax与jsonp的异同

• 1、ajax和jsonp这两种技术在调用方式上”看起来”很像，目的也一样，都是请求一个url，然后把服务器返回的数据进行处理，因此jquery和ext等框架都把jsonp作为ajax的一种形式进行了封装。
• 2、但ajax和jsonp其实本质上是不同的东西。ajax的核心是通过XmlHttpRequest获取非本页内容，而jsonp的核心则是动态添加

---

可参考文章：
原生JS发送Ajax请求、JSONP
原生JavaScript实现AJAX、JSONP