|
11 | 11 |
|
12 | 12 | ## Installation |
13 | 13 |
|
14 | | -Node.js: |
| 14 | +via npm: |
15 | 15 |
|
16 | 16 | ```shell |
17 | | -npm install jquery-param --save |
18 | | -``` |
19 | | - |
20 | | -the browser: |
21 | | - |
22 | | -```html |
23 | | -<script src="/path/to/jquery-param.min.js"></script> |
| 17 | +npm i jquery-param |
24 | 18 | ``` |
25 | 19 |
|
26 | 20 | ## Usage |
27 | 21 |
|
28 | | -CommonJS: |
29 | | - |
30 | 22 | ```javascript |
31 | | -const param =require('jquery-param'); |
| 23 | +import param from'jquery-param'; |
32 | 24 |
|
33 | 25 | const obj = { key1: { value1: [10, 20, 30] }, key2: '?a=b&c=d' }; |
34 | 26 | const str = param(obj); |
35 | 27 | // => "key1[value1][]=10&key1[value1][]=20&key1[value1][]=30&key2=?a=b&c=d" |
36 | 28 | ``` |
37 | 29 |
|
38 | | -TypeScript: |
| 30 | +CommonJS: |
39 | 31 |
|
40 | 32 | ```javascript |
41 | | -import param from'jquery-param'; |
| 33 | +const param =require('jquery-param'); |
42 | 34 |
|
43 | 35 | const obj = { key1: { value1: [10, 20, 30] }, key2: '?a=b&c=d' }; |
44 | 36 | const str = param(obj); |
45 | 37 | // => "key1[value1][]=10&key1[value1][]=20&key1[value1][]=30&key2=?a=b&c=d" |
46 | 38 | ``` |
47 | 39 |
|
48 | | -*You will need to add `"esModuleInterop": true` to the `"compilerOptions"` field in `tsconfig.json`.* |
49 | | - |
50 | | -ES Modules: |
| 40 | +ES Modules (Browser): |
51 | 41 |
|
52 | 42 | ```html |
53 | 43 | <script type="module"> |
54 | | -import param from './esm/jquery-param.es.js'; |
| 44 | +import param from '/path/to/jquery-param.js'; |
55 | 45 | |
56 | 46 | const obj = { key1: { value1: [10, 20, 30] }, key2: '?a=b&c=d' }; |
57 | 47 | const str = param(obj); |
58 | 48 | // => "key1[value1][]=10&key1[value1][]=20&key1[value1][]=30&key2=?a=b&c=d" |
59 | 49 | </script> |
60 | 50 | ``` |
61 | 51 |
|
62 | | -Older browser: |
| 52 | +Traditional (Browser): |
63 | 53 |
|
64 | 54 | ```html |
| 55 | +<script src="/path/to/jquery-param.js"> |
65 | 56 | <script> |
66 | 57 | var obj = { key1: { value1: [10, 20, 30] }, key2: '?a=b&c=d' }; |
67 | | -var str = window.param(obj);// global object |
| 58 | +var str = window.param(obj); |
68 | 59 | // => "key1[value1][]=10&key1[value1][]=20&key1[value1][]=30&key2=?a=b&c=d" |
69 | 60 | </script> |
70 | 61 | ``` |
|
0 commit comments