API Consume data getting 500 Err.

Question

API Consume data getting 500 Err.

Aypn CNN 446

Hi,

Please refer my below mentioned code, where I did mistake? I am getting following err.,

Similar this https://www.aspsnippets.com/questions/189822/Send-authorization-headers-to-Web-API-using-jQuery-Ajax-in-ASPNet/ I prepared my script.

Error is;

jquery-3.5.1.min.js:2 GET https://example.com}&_=10441 net::ERR_ABORTED 500 (Internal Server Error)

Indicate whether a cookie is intended to be set in a cross-site context by specifying its SameSite attribute

Indicate whether to send a cookie in a cross-site request by specifying its SameSite attribute


refer my Code:
 
        function getmInfo() {
                $.ajax({
                type: "POST",
                url: "https://example.com",
                data: '{"Method":"GetAPIData","ID":"1007"}',
                contentType: "application/json; charset=utf-8",
                dataType: "jsonp",
                headers: {
                    'Authorization':'test2121:8.3',
                    'Key':'test01011',
                    'Value':'test',
  		    'Access-Control-Allow-Origin': '*',
                    'Access-Control-Allow-Headers': 'Origin,X-Requested-With',
                    'Accept': 'application/json',
                    'Access-Control-Allow-Methods': 'GET',
                    'Access-Control-Allow-Credentials': 'true'

                },
                success: function (response) {
                    console.log(response.d);
                    var result = response.d;
                    if (result == '200') {
                        alert("Great!");
                    }
                    else if (result == '400') {
                        alert("Sorry, err");
                    }
                    else {
                        alert("Sorry! !");
                    }
                },
                error: function (data, ex) {
                    alert("Sorry there is err. " + data + " Ex: " + ex);
                 }

            });
        }

Lan Huang-MSFT 30,186 Microsoft External Staff

Hi @Aypn CNN,

First, I tested your code with a button, and the error message you said did not appear.

Is "https://example.com" the URL you are using for testing or not giving away information?I think there is a problem with your URL.

Second, Web API does not allow you to pass multiple complex objects in the method signature of a Web API controller method, you need to create an object with multiple parameters.

I did a test locally, you can refer to:

<script src="~/Scripts/jquery-3.5.1.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#Save").click(function () {
                var data = new Object();
                data.Method = "GetAPIData";
                data.ID = 1007;               
                $.ajax({
                    url: "https://localhost:44338/api/values",
                    type: "POST",               
                    data: data,
                    dataType: "json",
                    headers: {
                        'Authorization': 'test2121:8.3',
                        'Key': 'test01011',
                        'Value': 'test',
                        'Access-Control-Allow-Origin': '*',
                        'Access-Control-Allow-Headers': 'Origin,X-Requested-With',
                        'Accept': 'application/json',
                        'Access-Control-Allow-Methods': 'POST',
                        'Access-Control-Allow-Credentials': 'true'
                    },

                    success: function (data, textStatus, xhr) {
                        console.log(data);
                    },

                    error: function (data, ex) {
                        alert("Sorry there is err. " + data + " Ex: " + ex);
                    }

                });              
                
            });
        });
    </script>

public class data
    {
        public string Method { get; set; }
        public int ID { get; set; }
    }
    public class ValuesController : ApiController
    {

        [System.Web.Http.HttpPost]
        public string Post(data obj)
        {
            return obj.Method + obj.ID;
        }

    }

User's image

Your answer

Lan Huang-MSFT 30,186 Reputation points Microsoft External Staff

2023-02-22T09:39:09.1166667+00:00

Hi @Aypn CNN,

First, I tested your code with a button, and the error message you said did not appear.

Is "https://example.com" the URL you are using for testing or not giving away information?I think there is a problem with your URL.

Second, Web API does not allow you to pass multiple complex objects in the method signature of a Web API controller method, you need to create an object with multiple parameters.

I did a test locally, you can refer to:

<script src="~/Scripts/jquery-3.5.1.min.js"></script> <script> $(document).ready(function () { $("#Save").click(function () { var data = new Object(); data.Method = "GetAPIData"; data.ID = 1007; $.ajax({ url: "https://localhost:44338/api/values", type: "POST", data: data, dataType: "json", headers: { 'Authorization': 'test2121:8.3', 'Key': 'test01011', 'Value': 'test', 'Access-Control-Allow-Origin': '*', 'Access-Control-Allow-Headers': 'Origin,X-Requested-With', 'Accept': 'application/json', 'Access-Control-Allow-Methods': 'POST', 'Access-Control-Allow-Credentials': 'true' }, success: function (data, textStatus, xhr) { console.log(data); }, error: function (data, ex) { alert("Sorry there is err. " + data + " Ex: " + ex); } }); }); }); </script>

<input type="button" id="Save" value="Save Data" />

public class data { public string Method { get; set; } public int ID { get; set; } } public class ValuesController : ApiController { [System.Web.Http.HttpPost] public string Post(data obj) { return obj.Method + obj.ID; } }

Share via

API Consume data getting 500 Err.

Your answer