Using Jquery.Ajax to send a pair of arguments to a POST api请求

Question

Using Jquery.Ajax to send a pair of arguments to a POST api请求

My controller method has the following structure:

[HttpPost]
        public HttpResponseMessage SaveFunc(ChangeRequest[] changeRequests, string comment)
        {
            //perform actions
        }

In this method, a user can save a set of changerequests along with adding a comment. The ajax call is constructed like so:

$.ajax({
        dataType: "json",
        contentType: "application/json;charset=utf-8",
        url: Constants.appRoot + "/api/myapi/SaveFunc",
        type: "POST",
        data: ko.toJSON(self.changeRequests),
        success: function (response) {
            self.message("Saved!");
            successCallback();
        }

The current ajax call does not include the comment parameter. How can I modify it to include the comment as an argument?

c#jquery ajax asp.net-mvc controller

Answer 1

Answer №1

How about this?

$.ajax({
dataType: "json",
contentType: "application/json;charset=utf-8",
url: Constants.appRoot + "/api/myapi/SaveFunc",
type: "POST",
data: JSON.stringify({changeRequest: self.changeRequests, comment: "mycomment"}),
success: function (response) {
    self.message("Data Saved Successfully!");
    successCallback();
}

Although I'm not well-versed in KO, I presume it would function on the same premise:

data: ko.toJSON({changeRequest: self.changeRequests, comment: "mycomment"}),

Answer 2

How about this?

$.ajax({
dataType: "json",
contentType: "application/json;charset=utf-8",
url: Constants.appRoot + "/api/myapi/SaveFunc",
type: "POST",
data: JSON.stringify({changeRequest: self.changeRequests, comment: "mycomment"}),
success: function (response) {
    self.message("Data Saved Successfully!");
    successCallback();
}

Although I'm not well-versed in KO, I presume it would function on the same premise:

data: ko.toJSON({changeRequest: self.changeRequests, comment: "mycomment"}),

Answer 3

Answer №2

Another option is to send a POST request with a single object structured like this:

{
ChangeRequest[] changeRequests;
string comment;
}

Answer 4

Another option is to send a POST request with a single object structured like this:

{
ChangeRequest[] changeRequests;
string comment;
}

Answer 5

Answer №3

Although Marcus provided a helpful answer that was almost there, I made some tweaks to it that ultimately worked better:

//comment() is an observable in knockout that is passed in when this function is called

$.ajax({
            dataType: "json",
            contentType: "application/json;charset=utf-8",
            url: Constants.appRoot + "/api/myapi/save",
            type: "POST",
            data: JSON.stringify({ changeRequests: ko.toJS(self.changeRequests), comment: comment()}),
            success: function (response) {
                //.......
            }

//API method
[HttpPost]
        public HttpResponseMessage Save(ChangeSet changeSet)
        {
            // do something
        }

Afterwards, I created a model to convert the json object into a usable C# object:

//model
namespace Web.Models
{
    using Application.Models;

    public class ChangeSet
    {
        public UserChangeRequest[] ChangeRequests { get; set; }

        public string Comment { get; set; }
    }
}

Big thanks to Marcus for getting me started on this solution!

Answer 6

Although Marcus provided a helpful answer that was almost there, I made some tweaks to it that ultimately worked better:

//comment() is an observable in knockout that is passed in when this function is called

$.ajax({
            dataType: "json",
            contentType: "application/json;charset=utf-8",
            url: Constants.appRoot + "/api/myapi/save",
            type: "POST",
            data: JSON.stringify({ changeRequests: ko.toJS(self.changeRequests), comment: comment()}),
            success: function (response) {
                //.......
            }

//API method
[HttpPost]
        public HttpResponseMessage Save(ChangeSet changeSet)
        {
            // do something
        }

Afterwards, I created a model to convert the json object into a usable C# object:

//model
namespace Web.Models
{
    using Application.Models;

    public class ChangeSet
    {
        public UserChangeRequest[] ChangeRequests { get; set; }

        public string Comment { get; set; }
    }
}

Big thanks to Marcus for getting me started on this solution!

Using Jquery.Ajax to send a pair of arguments to a POST api请求

Answer №1

Answer №2

Answer №3

Similar questions

The bootstrap datepicker does not display the date range on the calendar

Storing JSON data in a concealed field and extracting it for use in a function

What is preventing me from using jQuery to dynamically insert HTML onto the page?

Pass JavaScript variables to a PHP file with the help of AJAX

Modify the text or background shade of the Bootstrap date picker

Creating a unique, random output while maintaining a log of previous results

Having trouble establishing a connection to the remote server using node js?

Is it possible that .focus() does not function on a duplicated object?

Error: Unforeseen symbol detected in JSON data

`Trigger a page reload when redirecting`

Issue with Ajax-Enabled WCF Service (JSON) encountered during utilization with jquery .ajax()

What is the reason for needing a page reload in Javascript or JQuery?

What is the method for switching on and off responses for initial level comments?

The iPhone header position switches when an HTML5 input type number is selected

A: Looking to implement form validation with Ajax in CodeIgniter?

What is the best way to hide a custom contextmenu in AngularJs?

Exploring collapsible data tables in Angular with Bootstrap styling

Adding code containing various Google Maps elements in a fresh browser window using JavaScript

Increase the value of a number using jQuery

Exploring techniques for retrieving hyperlinks from table cells using Selenium in C#