验证POST接口是否可跨域（自用小工具，自用测试页面）

<!DOCTYPE html>
<html>
<body>
 
<h1>XMLHttpRequest 对象</h1>
 
<button type="button" onclick="loadDoc()">国家接口</button>
<button type="button" onclick="loadDoc1()">揽收仓接口</button>
<button type="button" onclick="loadDoc2()">产品接口</button>
<p id="demo"></p>
  
<script>
function loadDoc() {
  var xhr = new XMLHttpRequest();
  xhr.open('post', 'https://xxxx/api/values/FindCountryList', true);
var params = {
    'countryId': '1',
};
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify(params));
xhr.onload = function(e) {
var xhr = e.target;
console.log(xhr.responseText);}
}
 
function loadDoc1() {
  var xhr = new XMLHttpRequest();
  xhr.open('post', 'https://xxx/api/values/FindWarehouseList', true);
var params = {
"warehouseCode":"03,04"
};
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify(params));
xhr.onload = function(e) {
var xhr = e.target;
console.log(xhr.responseText);}
}
 
function loadDoc2() {
  var xhr = new XMLHttpRequest();
  xhr.open('post', 'https://xxx/api/values/FindProductList', true);
var params = {
"Platform":"6"
};
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify(params));
xhr.onload = function(e) {
var xhr = e.target;
console.log(xhr.responseText);}
}
</script>
 
</body>
</html>

　将自己的接口和参数替换到相应位置，生成html页面，打开页面，打开调试工具，点击对应按钮，如果控制台有接口返回，则说明该接口可跨域。

Tip:前提是，你请求的接口不应该是本地接口，否则验证没有任何意义

posted on 2022-06-28 10:08 CRUDEngineer 阅读(469) 评论(0) 编辑收藏举报

随笔档案

搜索

常用链接

我的标签

随笔档案

阅读排行榜

评论排行榜

推荐排行榜

最新评论