验证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 阅读(508) 评论(0) 收藏举报