Передача нескольких параметров в вызов jQuery ajax

Question

Передача нескольких параметров в вызов jQuery ajax

88

У меня есть следующий код 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)
{
}

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

EDIT:

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

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

и

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

где фильтр и локаль - это локальные переменные

ChrisCa 16 дек. 2009, в 17:52

Источник

9

data: JSON.stringify({ jewellerId: filter, locale: locale }) - лучший способ, который я нашел каждый, спасибо @ChrisCa
Frank Myat Thu 14 март 2012, в 07:37
0

Если ты такая грустная душа, как я, ты мог бы застрять на этом на несколько часов. При использовании JSON.stringify с литералом объекта вы ДОЛЖНЫ включать имя параметра в двоеточие, все они заключены в фигурные скобки {} . Использование JSON.stringify(objectLiteral) не работает.
Kaleb Anderson 12 нояб. 2015, в 22:14
0

Подпись метода, такая как [WebMethod] [ScriptMethod(UseHttpGet = true)] public static string TestIBAN(string ccc) ?
Kiquenet 04 март 2016, в 08:45

Показать ещё 1 комментарий

Теги:

jquery

ajax

asp.net

10 ответов

17

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

David Hedlund 16 дек. 2009, в 19:31

1

это сработало: '{"jewellerId":' + filter + ', "locale": "en"}', (очевидно, я не буду жестко кодировать локаль в en, но это работает синтаксис.
ChrisCa 17 дек. 2009, в 09:29
0

Это работало для меня с MVC 3. Я не мог заставить Дарина работать - может быть, это MVC 3.
fiat 30 май 2012, в 01:06

6

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

 $.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
                });

pixeline 16 дек. 2009, в 18:55

1

Как в этом случае будет выглядеть подпись веб-метода для считывания свойств data на стороне сервера?
Flo 18 авг. 2017, в 02:13

3

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

Justinonday 05 сен. 2011, в 07:15

0

Работая тоже, используя тип: GET ?
Kiquenet 04 март 2016, в 09:01
0

или вы можете использовать массив для передачи данных в jason.stringyfy (array).
Shekhar Patel 26 авг. 2016, в 12:45

3

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

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

Ariel 17 дек. 2009, в 00:17

1

НЕ используйте метод ниже для отправки данных с помощью ajax-вызова

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

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

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

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


data: JSON.stringify(parameter)

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

Sumit Jambhale 25 авг. 2016, в 11:48

1

    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");
    }
    });

Jasbir Rana 25 авг. 2016, в 10:32

0

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

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

user2739266 02 сен. 2013, в 10:13

0

никогда не передавайте данные пользователя параметру без «очистки» раньше.
fcm 28 дек. 2018, в 14:34

0

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

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

....

data: dataParam

...

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

Subodh Patil 12 апр. 2013, в 15:30

-1

Просто добавьте [Эта строка отлично работает в Asp.net & find web-control Поля в jason Eg: <% Имя_файла% > ]

 data: "{LocationName:'" + document.getElementById('<%=txtLocationName.ClientID%>').value + "',AreaID:'" + document.getElementById('<%=DropDownArea.ClientID%>').value + "'}",

Milind bilonia 02 сен. 2015, в 07:54

Ещё вопросы

data: JSON.stringify({ jewellerId: filter, locale: locale }) - лучший способ, который я нашел каждый, спасибо @ChrisCa
Если ты такая грустная душа, как я, ты мог бы застрять на этом на несколько часов. При использовании JSON.stringify с литералом объекта вы ДОЛЖНЫ включать имя параметра в двоеточие, все они заключены в фигурные скобки {} . Использование JSON.stringify(objectLiteral) не работает.
Подпись метода, такая как [WebMethod] [ScriptMethod(UseHttpGet = true)] public static string TestIBAN(string ccc) ?
это сработало: '{"jewellerId":' + filter + ', "locale": "en"}', (очевидно, я не буду жестко кодировать локаль в en, но это работает синтаксис.
Это работало для меня с MVC 3. Я не мог заставить Дарина работать - может быть, это MVC 3.
Как в этом случае будет выглядеть подпись веб-метода для считывания свойств data на стороне сервера?
Работая тоже, используя тип: GET ?
или вы можете использовать массив для передачи данных в jason.stringyfy (array).
никогда не передавайте данные пользователя параметру без «очистки» раньше.

Darin Dimitrov · Accepted Answer · 2009-12-16T18-41-00.000Z

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

$.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
});

UPDATE:

Как было предложено @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
});

Также рассмотрите возможность использования JSON.stringify( myObject ) для создания строки JSON из объекта javascript на случай, если позже вы захотите сгруппировать параметры в класс.
спасибо за ответы - однако, я получаю http статус 500, когда я пытаюсь это так. Есть идеи? или вообще как его отладить? Точка останова в веб-методе никогда не получает удар
новый код выглядит следующим образом: $ .ajax ({type: 'POST', url: 'popup.aspx / GetJewellerAssets', contentType: 'application / json; charset = utf-8', data: {jewellerId: filter, locale: 'en -US '}, dataType: "json", success: AjaxSucceeded, ошибка: AjaxFailed});
Для отладки сначала посмотрите на FireBug, каков точный ответ сервера, затем установите точку останова в методе веб-службы и посмотрите, достигнут ли он.
Точка останова в веб-методе никогда не попадет. Firebug показывает: «Сообщение»: «Недопустимый примитив JSON: jewellerId.», «StackTrace»: «в System.Web.Script.Serialization. Поэтому я предполагаю, что синтаксис json неверен
Как @Alex предложил вам использовать JSON.stringify следующим образом: data: JSON.stringify({ jewellerId: 1, locale: 'en-US' })