NPM包changzhn-jsonp使用教程

阅读时长 3 分钟读完

简介

changzhn-jsonp是一款可以在前端使用的JSONP库,支持跨域请求,解决了浏览器限制AJAX请求的问题。

安装

你可以在项目中使用npm安装changzhn-jsonp

示例

假设我们需要从开源数据平台接口获取一些数据,但是我们无法直接使用AJAX进行请求,我们可以尝试使用chatzhn-jsonp来解决这个问题。

首先,在你的HTML中引入changzhn-jsonp脚本

接下来,创建一个changzhnJsonp实例并通过get()方法获取数据。

-- -------------------- ---- -------
----- ----- - --- ---------------
  ---- ---------------------------------------------
  --------- ---------
  ----- -
    ---- ----------
    ----- --
    ----- --
  -
--

--------------------- -- -
  -----------------
-------------- -- -
  --------------------------
--

url是我们想要访问的API地址。callback是服务端返回数据时被调用的函数名。在服务端的响应中,函数名将被作为响应函数的名称,并接收返回的数据。data是我们要发送的数据,必须是一个对象。

在以上示例中,我们调用了get()方法,通过JSONP发送了一个GET请求。请求成功后,我们可以获取到响应的数据并在控制台中打印出来。

请注意,需要将API_KEY替换为你自己的API密钥,否则请求将无法成功。

API

changzhnJsonp构造函数

参数:

  • config:配置对象
  • config.url:服务端API地址
  • config.callback:回调函数名称
  • config.timeout:超时时间(默认为10000毫秒)
  • config.data:发送给服务端的数据

changzhnJsonp.prototype.get()方法

发送一个JSONP GET请求。该方法返回一个Promise对象,当请求成功时,返回响应数据。当请求失败时,返回一个Error对象。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60065f8f238a385564ab6f4d

纠错
反馈