calling web-service by jQuery and bind results in jQgrid in asp.net 3.5

hi to all,

I want to call web service through jQuery which returns array of object of class suppose listTask (Task name, task description....)

i tried by using $.get() but it can't work.

I have to papulate results in jQgrid.

I am trying to bind it in table. the code is-

$(document).ready(

alert(

function() {"hi");// function getinfo() {

// var tab = "#list";

// var webmethod = "http://localhost/ProjectManagementWS/Authentication.asmx/ListTask";

var milestoneId = "1";// var param = "{'AuthToken':'" + token + "','MileStoneId':'" + milestoneId + "'}";

// $.ajax({

// type: "POST",

// url: webmethod,

// data: param,

// contentType: "application/json,charset=utf-8",

// dataType: "json",

// complete: processResult

// });

alert(

$.toJSON =

reviver =

}

};

$.toJSON =

reviver =

}

};

$.toJSON =

reviver =

}

};

$.toJSON =

reviver =

}

};

$.toJSON =

reviver =

}

};

$.toJSON =

reviver =

}

};

$.toJSON =

reviver =

}

};

$.toJSON =

reviver =

}

};

$.toJSON =

reviver =

}

};

$.toJSON =

reviver =

}

};

$.toJSON =

reviver =

}

};

get('http://localhost/ProjectManagementWS/Authentication.asmx/ListTask', {AuthToken:token,MileStoneId:milestoneId },

function processResult(xData)

{"hi");

try {

var obj = eval(xData);

var td = '';var tn = new Array();

var td = new Array();var tt = new Array();

var ts = new Array();

var te = new Array();

var ta = new Array();

var s = new Array();

var pn = new Array();

var mn = new Array();

var e = new Array();

for (p in obj) {

var v = object[p];

var TaskName = v.TaskName;

var TaskDescription = v.TaskDescription;

var TaskTime = v.TaskTime;

var TaskStart_Date = v.TaskStart_Date;

var TaskEnd_Date = v.TaskEnd_Date;

var TaskAttachment = v.TaskAttachment;

var Status = v.Status;

var ProjectName = v.ProjectName;

var MileStoneName = v.MileStoneName;

var EmployeeId = v.EmployeeId;

alert(TaskName);

tn.push(TaskName);

td.push(TaskDescription);

ta.push(TaskAttachment);

te.push(TaskEnd_Date);

ts.push(TaskStart_Date);

tt.push(TaskTime);

s.push(status);

mn.push(MileStoneName);

e.push(EmployeeId);

pn.push(ProjectName);

}

alert(errrr);

catch (errrr) {//

}

addTableRow($(

'#jQtab').show();'#jQtab'), tn, td, ta, te, ts, tt, s, mn, e, pn);'json');// }

alert(tds);

jQtab.each(

tds +=

}

function addTableRow(jQtab, tn, td, ta, te, ts, tt, s, mn, e, pn) {var tds = '';function() {var n = $('tr:last td', this).length;if (ad.length == 0) {'<tr><td>Sorry!! no results found !</td></tr>';else {for (var j = 0; j < ad.length; j++) {if (st[j] != 0) {// alert(st[j]);

// if (l[j] != 0.0) {

var $table = $(this);// alert(j);

//Number of td's

tds +=

alert(pn[j]);

}

for (var i = 0; i < n; i++) {'<tr><td>' + tn[j] + ',</td>';'<td>' + td[j] + '</td>';'<td>' + ta[j] + '</td>';'<td>' + ts[j] + '</td>';'<td>' + te[j] + '</td>';'<td>' + tt[j] + '<td>';'<td>' + s[j] + '</td>';'<td>' + mn[j] + '</td>';'<td>' + e[j] + '</td>';'<td>' + pn[j] + '</td></tr>';// tds += '</tr>';

}

});

}

});

if ($('tbody', this).length > 0) {'#jQtab').find("tr:gt(0)").remove();'tbody', this).append(tds);else {'#jQtab').find("tr:gt(0)").remove();this).append(tds);</script>

}

.style1 {width: 100%;</style>head>body>

<div>

</div>

<tr>

<td>

 </td>

<td>

 </td>

<td>

 </td>

<td>

 </td>

<td>

 </td>

</tr>

<tr>

<td>

 </td>

<td>

 </td>

<td>

 </td>

<td>

 </td>

<td>

 </td>

</tr>

</table>

</div>

</form>body>html>

but above gode doesn't give any error but it prints nothing.

plz plzzzzzzzzzzzzzzzzzz help

Re: calling web-service by jQuery and bind results in jQgrid in asp.net 3.5

there is many way, but for this you need to add a function in webservice.

<script type="text/javascript" src="script/jquery-1.3.2.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('#Customers').change(function() {
        $.ajax({
          type: "POST",
          contentType: "application/json; charset=utf-8",
          url: "FetchCustomer.asmx/GetCustomer",
          data: "{ CustomerID: '" + $('#Customers').val() + "'}",
          dataType: "json",
          success: function(data) {
            $("#CustomerDetails").html(data.d);
          }
        });
      });
    });
</script>

http://forums.asp.net/p/1564134/3889173.aspx#3889173

http://francstratton.com/jQueryAJAXCall.aspx



happy coding

Re: calling web-service by jQuery and bind results in jQgrid in asp.net 3.5

hi,

Debug until your webmethod is returning data and make sure it is returning data. Then try the below

complete: function(jsondata, stat) {
             if (stat == "success") {
                var thegrid = jQuery("#list2")[0];
                var jsonObject = eval('(' + jsondata.responseText + ')');
                thegrid.addJSONData(jsonObject.d);
             }
           }

Re: calling web-service by jQuery and bind results in jQgrid in asp.net 3.5

Error occured

permission denied to get XmlHttpRequest object!

Re: calling web-service by jQuery and bind results in jQgrid in asp.net 3.5

Hi,

Have you tried using firebug or chrome to see the requests and response that are getting created?

Also make sure that if you are passing any parameters that they ARE spelt exactly (including upper/lower case) the same in the calling javascript and your web method.

Re: calling web-service by jQuery and bind results in jQgrid in asp.net 3.5

hi,

actually my webservice return result in xml format. because i am creating a class and sending array of object of that class.

so mainly the problem is how to parse xml file into jQuery..?

plzzzzzzzzzzzzzzzzzz help !!! (

Re: calling web-service by jQuery and bind results in jQgrid in asp.net 3.5

i think you should use jTemplate for that..

here is very good example :

http://www.codedigest.com/Articles/jQuery/225_Creating_a_Simple_AJAX_Master-Details_View_Using_jQuery_JSON_and_jTemplates_in_ASPNet.aspx

Re: calling web-service by jQuery and bind results in jQgrid in asp.net 3.5

jqGrid makes ajax calls. its expecting the result to be in one of the format it expects. read the data manipulation sections of the docs. this sections defines what the xml must look like, or what the json must look like. if your webserver does not return its results in one of these formats then you can extend the json reader or xmlreader, or build your own.