<!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  阅读(404)  评论(0编辑  收藏  举报