<!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:前提是,你请求的接口不应该是本地接口,否则验证没有任何意义