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