how to send multiple parameters to web method ?

Aniruddh Kewat

11y1.1k

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 <= pageCount) {

$("#loader").show();

$.ajax({

type: "POST",

url: "WebForm1.aspx/GetCustomers",

//data: '{pageindex:' + pageIndex + 'CategoryId:' + categoryid + 'Brand:' + brandtext + 'Price:' + pricevalue +'}',

data: {pageindex: pageIndex,CategoryId: categoryid,Brand: brandtext,Price: 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 ......

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Manoj Bhoir11y ago
Accepted 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 Bhoir11y ago
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 Kewat11y ago
if (pageIndex == 2 || pageIndex <= pageCount) {
$("#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
Sreekanth Reddy11y ago
As per this line,
data: {pageindex: pageIndex,CategoryId: categoryid,Brand: brandtext,Price: pricevalue},

You have to pass the variables to your webmethd.
That means your method should be created as follows:
[WebMethod]
public returntype GetRecords(int pageindex,int CategoryId,String Brand,int Price)
{
// Your operation code.
}

--------------------------------------------------------------------------------------------------------------------------------

Please accept if this answer helps you.
Thank you.