npmpackage.info

Gathering detailed insights and metrics for vue-jsonp

Other packages similar to vue-jsonp

jsonp-vue

0.0.1

A jsonp method return a Promise Object. It can be use in Vue.js

vue-toyo-jsonp

1.0.4

vue-toyo-jsonp

vue-cli-plugin-jsonp-bundler

1.0.6

vue-cli3插件，打包组件，用于设计器和运行器异步并发加载组件

vue-xhr

1.0.6

axios and jsonp

vue-jsonp

A tiny library for handling JSONP request.

2.1.0

154

MIT

TypeScript

977.00 B

855,314 2.8

Installations

npm install vue-jsonp

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

22.4.0

NPM Version

10.2.4 Pull Requests

Open

15

Total

26

Closed

3

Merged

8

Issues

Open

0

Total

16

Closed

16

Releases

v2.0.0

Updated on Sep 29, 2020

v0.1.8

Updated on Apr 29, 2018

v0.1.7

Updated on Nov 07, 2017

v0.1.5

Updated on Nov 07, 2017

v0.1.4

Updated on Nov 07, 2017

View All 5 releases

Contributors

Unable to fetch Contributors

View All 3 Contributors

Languages

TypeScript

JavaScript

TypeScript (58.36%)

JavaScript (41.64%)

validate.email 🚀

Verify real, reachable, and deliverable emails with instant MX records, SMTP checks, and disposable email detection.

Developer

LancerComet

Download Statistics

Total Downloads

855,314

Last Day

512

Last Week

2,707

Last Month

11,535

Last Year

125,390

GitHub Statistics

MIT License

154 Stars

37 Commits

26 Forks

8 Watchers

17 Branches

3 Contributors

Updated on Feb 09, 2025

Bundle Size

1.95 kB

Minified

977.00 B

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

2.1.0

Package Id

vue-jsonp@2.1.0

Unpacked Size

12.44 kB

Size

4.21 kB

File Count

NPM Version

10.2.4

Node Version

22.4.0

Published on

Jan 09, 2025

Total Downloads

Cumulative downloads

Total Downloads

855,314

Last Day

27.4%

512

Compared to previous day

Last Week

17.2%

2,707

Compared to previous week

Last Month

28%

11,535

Compared to previous month

Last Year

-14%

125,390

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

@types/expect-puppeteer @types/jest @types/jest-environment-puppeteer @types/puppeteer jest jest-puppeteer puppeteer rollup rollup-plugin-cleanup rollup-plugin-delete rollup-plugin-terser rollup-plugin-typescript2 ts-jest tslint typescript vue

Vue-jsonp

A tiny library for handling JSONP request.

Quick Start

As Vue plugin:

1import { VueJsonp } from 'vue-jsonp'
2
3// Vue Plugin.
4Vue.use(VueJsonp)
5
6// Now you can use "$jsonp" on Vue components.
7const vm = new Vue()
8const data = await vm.$jsonp('/some-jsonp-url', {
9  myCustomUrlParam: 'veryNice'
10})

Use function directly:

1import { jsonp } from 'vue-jsonp'
2
3// Pass a response type.
4const data = await jsonp<string>('/some-jsonp-url', {
5  myCustomUrlParam: 'veryNice'
6})

Send data and set query & function name

Send data

1// The request url will be "/some-jsonp-url?type=admin&date=2020&callback=jsonp_{RANDOM_STR}".
2const data = await jsonp('/some-jsonp-url', {
3  type: 'admin',
4  date: 2020
5})

Custom query & function name

The url uniform is /url?{callbackQuery}={callbackName}&... and the default is /url?callback=jsonp_{RANDOM_STRING}&....

And you can change it like this:

1// The request url will be "/some-jsonp-url?type=admin&date=2020&cb=jsonp_func".
2jsonp('/some-jsonp-url', {

3  callbackQuery: 'cb',

4  callbackName: 'jsonp_func',

5  type: 'admin',

6  date: 2020
7})

Module exports

VueJsonp: PluginObject<never>
jsonp<T>: (url: string, param?: IJsonpParam, timeout?: number) => Promise<T>

API

IJsonpParam

IJsonpParam is the type of param for jsonp function.

1/**
2 * JSONP parameter declaration.
3 */
4interface IJsonpParam {
5  /**
6   * Callback query name.
7   * This param is used to define the query name of the callback function.
8   *
9   * @example
10   * // The request url will be "/some-url?myCallback=jsonp_func&myCustomUrlParam=veryNice"
11   * const result = await jsonp('/some-url', {
12   *   callbackQuery: 'myCallback',
13   *   callbackName: 'jsonp_func',
14   *   myCustomUrlParam: 'veryNice'
15   * })
16   *
17   * @default callback
18   */
19  callbackQuery?: string
20
21  /**
22   * Callback function name.
23   * This param is used to define the jsonp function name.
24   *
25   * @example
26   * // The request url will be "/some-url?myCallback=jsonp_func&myCustomUrlParam=veryNice"
27   * const result = await jsonp('/some-url', {
28   *   callbackQuery: 'myCallback',
29   *   callbackName: 'jsonp_func',
30   *   myCustomUrlParam: 'veryNice'
31   * })
32   *
33   * @default jsonp_ + randomStr()
34   */
35  callbackName?: string
36
37  /**
38   * Custom data.
39   */
40  [key: string]: any
41}

Example

1import Vue from 'vue'
2import { VueJsonp } from 'vue-jsonp'
3
4Vue.use(VueJsonp)
5
6const vm = new Vue()
7const { code, data, message } = await vm.$jsonp<{
8  code: number,
9  message: string,
10  data: {
11    id: number,
12    nickname: string
13  }
14}>('/my-awesome-url', {
15  name: 'MyName', age: 20
16})
17
18assert(code === 0)
19assert(message === 'ok')
20assert(data.id === 1)
21assert(data.nickname === 'John Smith')

1import { jsonp } from 'vue-jsonp'
2
3const result = await jsonp<string>('/my-awesome-url')
4assert(result === 'such a jsonp')

License

MIT

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

3

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

1

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.8

/10

Last Scanned on 2025-03-10

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More