首页 > 程序开发 > 软件开发 > 其他 >

使用chromeextensions跨域请求

2017-01-16

使用chromeextensions跨域请求。在一个网站上的一个网页实现点击后跨域请求到其他网页,实现业务逻辑并返回,在这里的业务逻辑是求出平方结果并返回。

在一个网站上的一个网页实现点击后跨域请求到其他网页,实现业务逻辑并返回,在这里的业务逻辑是求出平方结果并返回

chrome extensions 中 manifest.json,其中的matches内容是你要跨域的网站地址(会注入目标js),permissions内容是要跨域到的网站地址

{
    "manifest_version": 2,
    "name": "test",
    "version": "1.0",
    "description": "test",
    "content_scripts": [
        {
            "matches": ["*://www.xxx.cn/"],
            "js": ["js/jquery.min.js","js/test.js"],
            "run_at": "document_end"
        }
    ],
    "permissions": [
        "*://localhost/*"
    ]
}

chrome extensions中的test.js

$(function(){
    $('#bt').click(function(){
        $.ajax({
            url:'https://localhost//ajax.php',
            type:'POST',
            data:{number:$('#fnum').val()},
            dataType:'text',
            success: function(data){
                alert(data);
            }
        });
    });
});

chrome extensions中的jquery.min.js是下载的jquery的一个版本的文件,引入的目的是为了ajax方便,选择器也方便

localhost中的ajax.php

<?php
    $num = $_POST[&#39;number&#39;];
    $n = $num * $num;
    echo $n;

要跨域的源网站,网址是www.xxx.cn

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
求平方:<input type="text" id="fnum"><br/>
<button id="bt">计算</button>
</body>
</html>
相关文章
最新文章
热点推荐