如何通过xmlhttprequest消费印度邮政编码网络服务?

时间:2019-02-01 07:29:43

标签: javascript xmlhttprequest

我需要使用此网址http://postalpincode.in/api/pincode/606304

使用此印度邮政代码

我在没有Web服务器的情况下使用,当我单击按钮显示此错误时,CORS策略已阻止从源“空”访问“ http://postalpincode.in/api/pincode/606304”处的XMLHttpRequest:对预检请求的响应未通过访问控件检查:所请求的资源上没有“ Access-Control-Allow-Origin”标头

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>

    <input type="button" value="ShowPincode" onclick="GetPinCode()" />
    <script>
        function GetPinCode() {

            var xhttp = new XMLHttpRequest();
            xhttp.open("get", "http://postalpincode.in/api/pincode/606304", true);
            xhttp.withCredentials = true;
            xhttp.setRequestHeader('Access-Control-Allow-Credentials', true);
            xhttp.setRequestHeader("Content-Type", "application/json");
            xhttp.setRequestHeader('Access-Control-Allow-Origin', '*');
            xhttp.setRequestHeader('Access-Control-Allow-Methods', 'GET');
            xhttp.send();

            xhttp.onload = function () {
                if (xhttp.status == 200) {
                     console.log(JSON.stringify(xhttp.response));
                } else {
                    console.log("erro " + xhttp.response);
                }                
            };           
        }
    </script>
</body>
</html>

这是预期的结果。 {“消息”:“找到的邮局数量:12”,“状态”:“成功”,“邮局”:[{“名称”:“ Adari”,“描述”:“”,“ BranchType” :“分支邮局”,“ DeliveryStatus”:“ Delivery”,“ Taluk”:“ Vriddhachalam”,“ Circle”:“ Vriddhachalam”,“ District”:“ Cuddalore”,“ Division”:“ Vriddhachalam”,“ Region” :“ Tiruchy”,“州”:“泰米尔纳德邦”,“国家”:“印度”},{“名称”:“ Kaludur”,“描述”:“”,“ BranchType”:“分支邮局”,“ DeliveryStatus”:“交付”,“ Taluk”:“ Vriddhachalam”,“ Circle”:“ Vriddhachalam”,“ District”:“ Cuddalore”,“ Division”:“ Vriddhachalam”,“ Region”:“ Tiruchy”,“ State” :“泰米尔纳德邦”,“国家”:“印度”},...

0 个答案:

没有答案