I have call this api on button click with send static data but its not call this error Failed to load resource the server responded with a status of 400 function planDetailModal var SubscriptionID 34Test34 UpdateSubscriptionSubscriptionIDfunction UpdateSubscriptionSubscriptionID debugger var data new FormData dataUserID 3412Ggg34 dataCriteria SubscriptionID 34Test34 Create PaymentToken 3

AJAX Web API Error: Failed to load resource: the server responded with a status of 400

essitco....

SOLVED CLOSED ACTIVE ANSWERED
User: essitco.dotnet
Posted: on Jul 28, 2021 10:51 PM
Forum: ASP.Net MVC
Replies: 2
Views: 7571

I have call this api on button click with send static data but it's not call this error

Failed to load resource: the server responded with a status of 400 ()

function planDetailModal() {
    var SubscriptionID = "Test";
    UpdateSubscription(SubscriptionID);
}
function UpdateSubscription(SubscriptionID) {
    debugger;
    var data = new FormData();
    data.UserID = "12Ggg";
    data.Criteria = {
        SubscriptionID: "Test",
        Create:
        {
            PaymentToken: "test",
            CustomerId: "Test"/*$("#customerId").val()*/,
            PriceId: "Testing" /*$("#priceID").val()*/
        }
    };
    var apiurl = paymentApiUrl + "api/Subscription/UpdateSubscription";
    //$(".messagePopup").show();
    //Loader();
    //$("#myModal").hide();
    $.ajax({
        type: 'POST',
        url: apiurl,
        data: JSON.stringify(data),
        datatype: "json",
        contentType: 'application/json; charset=UTF-8',
        success: function (response) {
            debugger;
            if (response.isSuccess == true) {

            }
        },
        error: function (response) {
            // console.log("Error => " + response);
            $.notify("there has been some error, please try again later !", "error");
            //$(".messagePopup").hide();
            //setTimeout(
            // reload
            // , 1500);
        }
    })
}

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 1

Reply
User: dharmendr
Replied: on Jul 28, 2021 10:54 PM
Report

I will get back to you soon.

dharmend...

0 2

Reply
User: dharmendr
Replied: on Jul 29, 2021 12:44 AM
Report

Hi essitco.dotne...,

Refer below code.

Controller

public class HomeController : Controller
{
    // GET: Home
    public ActionResult Index()
    {
        return View();
    }
}

WebApi Controller

using System.Web.Http;

public class AjaxAPIController : ApiController
{
    [Route("api/AjaxAPI/AjaxMethod")]
    [HttpPost]
    public object AjaxMethod(Data data)
    {

        return new
        {
            isSuccess = true
        };
    }
}

public class Data
{
    public string UserID { get; set; }
    public Criteria Criteria { get; set; }
}

public class Criteria
{
    public string SubscriptionID { get; set; }
    public Create Create { get; set; }
}

public class Create
{
    public string PaymentToken { get; set; }
    public string CustomerId { get; set; }
    public string PriceId { get; set; }
}

View

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        $(function () {
            planDetailModal();
        });

        function planDetailModal() {
            var SubscriptionID = "Test";
            UpdateSubscription(SubscriptionID);
        }
        function UpdateSubscription(SubscriptionID) {
            var data = {};
            data.UserID = "12Ggg";
            data.Criteria = {
                SubscriptionID: "Test",
                Create:
                {
                    PaymentToken: "test",
                    CustomerId: "Test",
                    PriceId: "Testing"
                }
            };
            var apiurl = "/api/AjaxAPI/AjaxMethod";
            $.ajax({
                type: 'POST',
                url: apiurl,
                data: JSON.stringify(data),
                datatype: "json",
                contentType: 'application/json; charset=UTF-8',
                success: function (response) {
                    if (response.isSuccess) {

                    }
                },
                error: function (response) {
                    alert(response.responseText);
                }
            })
        }
    </script>
</body>
</html>

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

AJAX Web API Error: Failed to load resource: the server responded with a status of 400

Company

Explore

Follow us

Contact Us