使用chrome extensions跨域请求

最新推荐文章于 2024-06-06 10:59:56 发布

wsx_iot

最新推荐文章于 2024-06-06 10:59:56 发布

阅读量1.9k

点赞数

分类专栏： web 文章标签： chrome javascript extensions jquery ajax

本文链接：https://blog.csdn.net/qq_29630271/article/details/54564744

版权

web 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

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

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:'http://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['number'];
    $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>

wsx_iot

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用chrome extensions跨域请求

在一个网站上的一个网页实现点击后跨域请求到其他网页，实现业务逻辑并返回，在这里的业务逻辑是求出平方结果并返回chrome extensions 中 manifest.json,其中的matches内容是你要跨域的网站地址（会注入目标js），permissions内容是要跨域到的网站地址 { "manifest_version": 2, "name": "test", "version":
复制链接

扫一扫