cross-request

一个赋予html页面跨域请求能力的谷歌扩展

latest

npm

Version: 1.0.4

Version published: 9 years ago

Maintainers: 1

Created: 9 years ago

Source

一个赋予html页面跨域请求能力的chrome扩展

Install

    npm install cross-request --save
    安装chrome扩展 cross-request

Example

//1. require方式
var crossRequest = require('cross-request');

crossRequest({
    url: 'http://caibaojian.com/ajax-jsonp.html',
    method: 'GET',
    data: {
        a:1
    },
    success: function(res, header){
        console.log(header)
    }
})

//2. 在页面引用js脚本index.js,可直接使用全局变量 crossRequest
crossRequest({
    url: 'http://caibaojian.com/ajax-jsonp.html',
    method: 'GET',
    data: {
        a:1
    },
    success: function(res, header){
        console.log(header)
    }
})

//3. html 页面测试用例
<html>

<body>
    <h1>CrossRequest</h1>
     <input id="file" type="file" name="file" />
     <button id="upload">upload</button>
    <script src="index.js"></script>

    <script>
        crossRequest({
            url: 'http://caibaojian.com/ajax-jsonp.html',
            method: 'GET',
            data: {
                a:1
            },
            success: function(res, header){
                console.log(header)
            }
        })


        //test get
        crossRequest({
            url: 'http://127.0.0.1:3000/api',
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            data: {
                a: 1,
                b:2,
                c: {
                    t:1
                }
            },
            success: function(res){
                console.log(arguments)
            }
        })

        //test error get
        crossRequest({
            url: 'http://127.0.0.1:3000/error_get',
            method: 'GET',
            error: function(err, header){
                console.log(err)
            }
        })

        //test upload
        var file = document.getElementById('file');
        document.getElementById('upload').addEventListener('click', function(){
            crossRequest({
                url: 'http://127.0.0.1:3000/upload',
                method: 'POST',
                data: {
                    name: 'hello',
                    id: '19'
                },
                files: {
                    file: 'file'
                },
                success: function(res){
                    alert(res)
                }
            })
        })
        

    </script>

   
</body>

</html>

FAQs

What is cross-request?

Is cross-request well maintained?

Package last updated on 23 Aug 2017

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install