передать несколько параметров JQuery Ajax вызова

Question

У меня есть следующий код JQuery, чтобы позвонить в WebMethod в 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:

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

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

и

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

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

Answer 1

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

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

Answer 2

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

Answer 3

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

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

Answer 4

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

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

Answer 5

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

Answer 6

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

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

....

данные: dataParam

...

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

Answer 7

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

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

Answer 8

Просто добавить на [Эта линия отлично работает в Asp.net & находят Поля веб-управления в Джейсоне Например: <% Fieldname%>]

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

Answer 9

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

Answer 10

не следует использовать метод ниже для отправки данных с помощью Ajax вызова

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

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

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

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


data: JSON.stringify(parameter) 

В выше параметра имя объекта яваскрипта и stringify его при прохождении его атрибута данных вызова Ajax.