it-swarm.com.ru

Передать множественные параметры в вызов jQuery ajax

У меня есть следующий код jquery для вызова веб-метода на странице aspx

$.ajax({
    type: "POST",
    url: "popup.aspx/GetJewellerAssets",
    contentType: "application/json; charset=utf-8",
    data: '{"jewellerId":' + filter + '}',
    dataType: "json",
    success: AjaxSucceeded,
    error: AjaxFailed
});

и вот подпись веб-метода

[WebMethod]
public static string GetJewellerAssets(int jewellerId)
{

Это отлично работает.

Но теперь мне нужно получить два параметра, передаваемых в веб-метод

новый веб-метод выглядит следующим образом

[WebMethod]
public static string GetJewellerAssets(int jewellerId, string locale)
{
}

Как изменить код клиента, чтобы успешно вызывать сигнатуру этого нового метода?

Правка:

Следующие 2 синтаксиса работали

data: '{ "jewellerId":' + filter + ', "locale":"en" }',

а также

data: JSON.stringify({ jewellerId: filter, locale: locale }),

где filter и locale являются локальными переменными

96
ChrisCa

Не используйте конкатенацию строк для передачи параметров, просто используйте хеш данных:

$.ajax({
    type: 'POST',
    url: 'popup.aspx/GetJewellerAssets',
    contentType: 'application/json; charset=utf-8',
    data: { jewellerId: filter, locale: 'en-US' },
    dataType: 'json',
    success: AjaxSucceeded,
    error: AjaxFailed
});

Обновление:

Как предложено @Alex в разделе комментариев, ASP.NET PageMethod ожидает, что параметры будут закодированы в JSON-запросе, поэтому к хешу данных следует применять JSON.stringify:

$.ajax({
    type: 'POST',
    url: 'popup.aspx/GetJewellerAssets',
    contentType: 'application/json; charset=utf-8',
    data: JSON.stringify({ jewellerId: filter, locale: 'en-US' }),
    dataType: 'json',
    success: AjaxSucceeded,
    error: AjaxFailed
});
135
Darin Dimitrov
data: '{"jewellerId":"' + filter + '","locale":"' + locale + '"}',
18
David Hedlund

просто добавьте столько свойств, сколько вам нужно, к объекту данных.

 $.ajax({
                    type: "POST",
                    url: "popup.aspx/GetJewellerAssets",
                    contentType: "application/json; charset=utf-8",
                    data: {jewellerId: filter , foo: "bar", other: "otherValue"},
                    dataType: "json",
                    success: AjaxSucceeded,
                    error: AjaxFailed
                });
7
pixeline

Кто-нибудь еще заметил, что строка/объект json недопустима во всех ответах, кроме ответа Дэвида Хедлунда? :)

Объекты JSON должны быть отформатированы следующим образом: {"ключ": ("значение" | 0 | false)}. Кроме того, запись в виде строки требует гораздо меньше, чем строковое преобразование объекта ...

3
Ariel
$.ajax({
    type: 'POST',
    url: 'popup.aspx/GetJewellerAssets',      
    data: "jewellerId=" + filter+ "&locale=" +  locale,  
    success: AjaxSucceeded,
    error: AjaxFailed
});
3
Justinonday

НЕ используйте метод ниже, чтобы отправить данные с помощью вызова ajax

data: '{"jewellerId":"' + filter + '","locale":"' + locale + '"}'

Если по ошибке пользователь вводит специальный символ, такой как одинарная или двойная кавычка, вызов ajax не выполняется из-за неправильной строки.

Используйте метод ниже для вызова веб-службы без каких-либо проблем

var parameter = {
       jewellerId: filter,
       locale : locale 
};


data: JSON.stringify(parameter)

В приведенном выше параметре указывается имя объекта javascript и его строка при передаче в атрибут data при вызове ajax.

2
Sumit Jambhale

Просто добавить на [Эта строка отлично работает в Asp.net найти Поля веб-управления в json Get: <% Field Name%>]

 data: "{LocationName:'" + document.getElementById('<%=txtLocationName.ClientID%>').value + "',AreaID:'" + document.getElementById('<%=DropDownArea.ClientID%>').value + "'}",
1
Milind bilonia
    var valueOfTextBox=$("#result").val();
    var valueOfSelectedCheckbox=$("#radio:checked").val();

    $.ajax({
    url: 'result.php',
    type: 'POST',
    data: { forValue: valueOfTextBox, check : valueOfSelectedCheckbox } ,
    beforeSend: function() {

          $("#loader").show();
       },
    success: function (response) {
       $("#loader").hide();
       $("#answer").text(response);
    },
    error: function () {
        //$("#loader").show();
        alert("error occured");
    }
    }); 
1
Jasbir Rana

Все дело в данных, которые вы передаете; должен правильно отформатировать строку. Если вы передаете пустые данные, то данные: {} будут работать. Однако с несколькими параметрами он должен быть правильно отформатирован, например,.

var dataParam = '{' + '"data1Variable": "' + data1Value+ '", "data2Variable": "' + data2Value+ '"' +  '}';

....

данные: dataParam

...

Лучший способ понять это иметь обработчик ошибок с правильным параметром сообщения, чтобы знать подробные ошибки.

0
Subodh Patil

Я успешно передал несколько параметров с помощью JSON

data: "{'RecomendeeName':'" + document.getElementById('txtSearch').value + "'," + "'tempdata':'" +"myvalue" + "'}",
0
user2739266