how to send multiple parameters to web method ?

Question

this is my code... var pageIndex = 1; var pageCount; var categoryid = 0; var brandtext = null; var pricevalue = 0; $(document).ready(function () { $(window).scroll(function () { if ($(window).scrollTop() == $(document).height() - $(window).height()) { GetRecords(); } }); $('.clbtnmenu').click(function () { categoryid = $(this).data('id'); //alert(Id :  + categoryid); }); }); function GetRecords() { pageIndex++; /*retrieving text from rblbrands*/ var checked_radiobrands = $([id*=rblbrands] input:checked); //brandsvalue = checked_radiobrands.val(); brandtext = checked_radiobrands.closest(td).find(label).html(); /*retrieving text from rblpricerange*/ var checked_radioprice = $([id*=rblpricerange] input:checked); pricevalue = checked_radioprice.val(); //pricetext = checked_radioprice.closest(td).find(label).html(); alert('PageIndex : ' + pageIndex + '  Page Count : ' + pageCount + '  CategoryId : ' + categoryid +  BrandText :  + brandtext +  PriceValue : + pricevalue); if (pageIndex == 2 || pageIndex $(#loader).show(); $.ajax({ type: POST url: WebForm1.aspx/GetCustomers //data: '{pageindex:' + pageIndex + 'CategoryId:' + categoryid + 'Brand:' + brandtext + 'Price:' + pricevalue +'}' data: {pageindex: pageIndexCategoryId: categoryidBrand: brandtextPrice: pricevalue} //data: { pageIndex: pageIndex CategoryId: categoryid } contentType: application/json; charset=utf-8 dataType: json success: OnSuccess failure: function (response) { alert('Hell 1'); } error: function (response) { alert('Hell 2'); } }); } } this is alerting: Hell 2 ......

Manoj Bhoir · Answer

Hi You can use JSON.stringify : data: JSON.stringify({ 'Parm1' : 'Param1value' 'Param2 ': 'Param2value' }) In your code it will be something like this : data: JSON.stringify({ 'pageindex' : pageIndex 'CategoryId' : categoryid 'Brand' : brandtext 'Price' : pricevalue })

Manoj Bhoir · Answer

Hi Please ensure that URL you are providing is correct. You can easily debug jQuery.ajax calls using Firebug in Firefox or Developer Tools in Internet Explorer. You can see the parameters being sent to the Web Service using the ajax call and the response from the Web Service and the time period between the request and the response. For more info check this my article : http://www.c-sharpcorner.com/UploadFile/0cefc4/introduction-to-jquery-ajax-call-in-Asp-Net/

Aniruddh Kewat · Answer

if (pageIndex == 2 || pageIndex $(#loader).show(); $.ajax({ type: POST url: WebForm1.aspx/GetCustomers data: JSON.stringify({ 'pageindex': pageIndex 'categoryid': categoryid 'brand': brandtext 'price': pricevalue }) contentType: application/json; charset=utf-8 dataType: json success: OnSuccess failure: function (response) { alert('Hell 1'); } error: function (response) { alert('Hell 2'); } }); } [WebMethod] //public static string GetCustomers(int pageIndex int CategoryId) public static string GetCustomers(int pageindex int categoryid string brand int price) { //System.Threading.Thread.Sleep(1000); return GetCustomersData(pageindex categoryid brand price).GetXml(); //return GetCustomersData(pageIndex CategoryId).GetXml(); } it's displaying alert message : Hell 2

Srikanth Reddy · Answer

As per this line data: {pageindex: pageIndexCategoryId: categoryidBrand: brandtextPrice: pricevalue} You have to pass the variables to your webmethd. That means your method should be created as follows: [WebMethod] public returntype GetRecords(int pageindexint CategoryIdString Brandint Price ) { // Your operation code. } -------------------------------------------------------------------------------------------------------------------------------- Please accept if this answer helps you. Thank you.