Question

我正在尝试将值从表单传递到api。我可以连接到api并传递一些值，但是我遇到了具有多个值的参数的麻烦，例如，我想传递重量。我可以通过data.Weight = $("#pkWeight").val();来做到这一点。我还想传递参数Observation。此参数有多个部分（请原谅我缺乏使用正确术语的知识）。设置如下：

<Observation>
<ObsItem Time=$double Conc=$double>
</Observation>

我从表单中获取了Time和Conc值，但是不确定如何格式化它们以传递给api。我想我需要将这些值放入数组中，但我不确定如何到达那里。任何建议都将不胜感激。

Answer 1

请使用以下代码，希望它能正常工作。

  $.ajax({
        url: DomainUrl,//pass your url
        type: "GET",
        contenttype: "application/json",
        dataType: "json",--this for return data type
        data: { "Weight":   $("#pkWeight").val() ,
        "Observation":$("#Observation").val() 
        },
        success: function (data) {
         // your logic goes here
        },
        error: function (data) {
            console.log(data.error);
        }
    });
    
    your server side code should be like
    public class DataTransferObject
    {
        public string Weight { get; set; }
        public string Observation { get; set; }
    }

Answer 2

带有$ callback =的$ .ajax请求怎么样？在查询字符串上：

$(".button").click(function () {

    var apiURL="https://api.com";

    $.ajax({
        url: apiURL+"&callback=?",
        data: {weight: data.Weight, observation: data.Observation}",
        type: 'POST',
        success: function (resp) {
            alert(resp);
        },
        error: function(e) {
            alert('Error: '+e);
        }  
    });

});

Answer 3

您可以创建一个对象并添加要发送服务器的所有字段

var finalData = {};
finalData.name = 'ABC';
finalData.age = '25';
finalData.city = 'XYZ';
$.ajax({
url: apiURL+"&callback=?",
data: {data: finalData},
type: 'POST',
success: function (resp) {
 // do your stuff
})

将多个值参数传递给api jquery

3 个答案: