0

I am having HTML file for user input and use REST API for update into SharePoint list. we have a requirement to get value from external API.

I am able run the below script from normal HTML form, and get the result

$(document).ready(function () {
    
    $("#btn_getEmpID").click(function () {
        // getUserInfo();
        // alert("vg:test ->" + localStorage.getItem("submittedID"));
        debugger;

        $.ajax({
            asynch: false,
            url:"http://dummy.restapiexample.com/api/v1/employees",
            method: "GET",
            headers: {
                "Accept": "application/json; odata=verbose"
            },
            success: function (data) {
                debugger;
                alert("test:SUCCESS");
            },
            error: function (x, y, z) {
                debugger;
                alert(JSON.stringify(x) + '\n' + JSON.stringify(y) + '\n' + JSON.stringify(z));
            }
        });
    });
})

while using in SharePoint online, I am getting error.

What would be the best option to access the external API in SharePoint online page?

thanks GV

Improve this question
2
  • I have used this HTML form as a page in SharePoint to enter input and submit the data into SharePoint list. Commented Aug 20, 2020 at 9:27
  • What exactly is the error that you are getting? Commented Aug 20, 2020 at 13:59

1 Answer 1

Reset to default
0

If we call this rest api directly,it reports this error. enter image description here Soluation:

https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content/How_to_fix_website_with_mixed_content Updated code:

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>

$(document).ready(function () {                  
        $.ajax({                
            url:"https://dummy.restapiexample.com/api/v1/employees",
            method: "GET",
            headers: {
                "Accept": "application/json; odata=verbose"
            },
            success: function (data) {                    
                console.log(data);
            },
            error: function (error) {                    
                console.log(error);
            }
        
    });
})  
</script>

Test Result: enter image description here

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.