I have tried to see if there is anything on this great site for this (and there probably is), so I am sorry if I have missed it.
Anyway, I am calling a WCF endpoint using jQuery Ajax under ASP.Net.
The Web service call is working fine in Fiddler and returns the following data:
{"d": {"__type":"ProcessedTotals:#","DailyError":"0","DailyProcessed":"0","TotalError":"48","TotalProcessed":"70"}}
This is my code
function GetData() {
alert('Ajax Start');
$.ajax({
dataType: "jsonp",
data: "{}",
contentType: "json",
url: "http://localhost/abc123/WebManagement.svc/ReturnTotals",
success: (function (data) {
alert(data[0].TotalProcessed);
//$("#TotRecs").html(data.d.TotalProcessed);
//$("#TotErr").html(data.d.TotalError);
//$("#DayTot").html(data.d.DailyProcessed);
//$("#DayErr").html(data.d.DailyError);
}),
error: function (xhr, status, error) {
alert("FAILED:" + status);
}
})
alert('Ajax End');
}
Whilst debugging in Firefox the line that causes the error is SUCCESS:
I know that it is using JSONP, as I am having to access the data from a different website.
Thanks
Paul
$.ajax({
dataType: "jsonp",
url: "http://localhost/abc123/WebManagement.svc/ReturnTotals",
success: (function (data) {
console.log(data);
})
});
You were doing some weird stuff there. Trying to send an empty object literal along with the call, which doesn't make any sense. Also, your error callback won't work with a jsonp request. Try the above, it should work fine. If not, please mention the error that you're getting.
Related
Is there any way I can make that every exception thrown inside a webmethod go straight to the jQuery Ajax error callback function?
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "MantenimientoNotasCapacidades.aspx/SaveViaWebService",
data: JSON.stringify(params),
dataType: "json",
async: true,
success: function (data) {
},
error: function (request, status, error) {
var response = JSON.parse(request.responseText).d;
var error = JSON.parse(response);
alert(JSON.parse(request.responseText).error.message);
}
});
I know that using JSON.parse(request.responseText).Message should be enough to show the information for that error but all I've got now is that every time an exception is raised the code stops right there , being necessary to keep pressing F10 or F5 to finally be able to see the alert.
I already tried enclosing my code in a 'try' block but I don't see much point in doing that since I can't do much in the 'catch' block as I'd do in a visual basic application where I could use the 'catch' block to show the exception message in a MsgBox.
Is there any way to catch in the error callback function all the exceptions thrown in a webmethod but without them stopping the execution of the code?
Any help would be much appreciated.
P.S. Happy new year!!
Following #cmd.promt's advice, I changed the Response.StatusCode to 500 and created and object(myError) containing the description for the exception that was thrown, then the only thing left to do was to serialize the object and send it back to the client (Here I tried to use Response..Write("{""message"": ""action failed!""}") but for some reason I always ended up getting the same error : "JSON.parse: unexpected non-whitespace character after JSON data" so in the end I decided to go with json.net and forget all about response.Write)
<WebMethod()> _
Public Shared Function SaveViaWebService(lst As List(Of Students)) As String
Try
Catch ex As Exception
Dim httpResponse = HttpContext.Current.Response
httpResponse.Clear()
httpResponse.StatusCode = 500
'I thought that .StatusDescription would be useful but it turned out it didn't
'httpResponse.StatusDescription = ex.Message
Dim myError= New With {.message = ex.Message, .source = ex.Source}
Return JsonConvert.SerializeObject(myError)
End Try
End Function
And with that, the error is correctly sent to the error callback , where the only thing I had to do was to play with firebug and see how the error has been sent
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "MantenimientoNotasCapacidades.aspx/SaveViaWebService",
data: JSON.stringify(params),
dataType: "json",
async: true,
success: function (data) {
},
error: function (request, status, error) {
var response = JSON.parse(request.responseText).d;
var error = JSON.parse(response);
alert(JSON.parse(request.responseText).error.message);
}
});
Thus far, everything is as I as wanted it , except for the exceptions that keep on interrupting the execution of the program. Is that their normal behaviour ?? Aren't they all supposed to go directly to the 'catch' block??
I am trying to consume a .NET webservice with AJAX and want a JSON response. Everything works fine. I have used fiddler and get the appropriate Json returnet. also using the plain URL in the browser gives the appropriate XML.
Even using PHP Curl gives me the right JSON in response but when i am trying to use AJAX i get a "500 Internal Server Error".
Any help appriciated, Thanks.
<script>
$(document).ready(function() {
$.ajax({
type: "POST",
url: "http://localhost:9000/APIs/BuyVoucherService.asmx/HelloWorld",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
alert(data);
},
error: function(data){
alert(data);
}
});
});
</script>
It seems that you have omitted a data definition in your request, try to add something like this:
data: "{}",
The problem i have realized is that this wont work because of cross domian issues. the solution to get the AJAX call to work with a cross domain solution is to use JSONP. http://www.json-p.org/
I use $.ajax to call a .asmx to get JSON data back. The server side process will meet some exceptional conditions which will give back to client error response for displaying error message.
How would you design the error hanlding mechanism? I mean what would you make server side retrun and let client handle the error?
Thanks.
If it's just an error message (a string), then you can just return that string and set the status to 500 so jQuery recognizes it's not a successful request. Then just use your error handler (or a global .ajaxError() handler for all requests) to do what you want with that message.
For example a simple way to handle all errors like this (instead of per-$.ajax() call) would be:
$(document).ajaxError(function(e, xhr) {
alert("There was an error, server responded with: " + xhr.responseText);
});
ther's an error handler in jquery just like the success function, you need to handle it:
function CallWebService(ParentPage) {
$.ajax({
type: "POST",
url: "../Admission/AdmissionService.asmx/LoadLocations",
data: "{'ParentPage':'" + ParentPage + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
$('.innerHospitalCensusdiv').html(data.d);
BindSelectLocation();
},**error: function(ex){
//handle error here
}**
});
}
I am using jquery ajax method to invoke a webmethod upon clicking a 'span'.This is webmethod is in one of my aspx pages and I am invoking it from the master page using the following code.
$(document).ready(function(){
$("#btn").click(function() {
$.ajax({
type: "POST",
url: "Default.aspx/removedata",
data:"{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success:function(msg) {
$("li#search").removeClass('current');
$("li#search").addClass('hide');
$("#tabnew").addClass('hide');
window.location="Result.aspx";
},
error:function(xhr, status, error) {
alert("error");
//var err = eval("(" + xhr.responseText + ")");
// Display the specific error raised by the server
//alert(err.Message);
console.log(xhr.statusText);
}
});
});
});
when I click the span I can see the webmethod getting invoked(by debugging ),but even before the webmethod starts executing I get the alert 'error' and I see (an empty string) message being logged into the firebug console.
As far as I know the 'error' function gets executed only if the ajax request fails.But I can see the webmethod getting executed.I do not understand why the error function is executing even then.
Could someone please help me with this.
Thanks
The error handler is executed if the server side script returns an error code different than 200. You could use FireBug to inspect what exactly is happening under the covers.
I have the following JQuery code that worked perfect in C#/Asp.net 2.0 to call a page method in the default.aspx page. Now I am trying to call a shared page method in VB.Net and the page method is not firing, I believe because of security or it is not finding it.
The page that this shared vb method is in doesn't allow anonymous access, so I was thinking that is the problem or it is a path problem to finding the method. I am just guessing here. In my C# test app the static webmethod was in the default.aspx page with no security. Thanks for any advice or help!
$.ajax({
type: "POST",
url: "Orders.aspx/GetMailPieceGroupsByAdFundTypeId",
data: myDataToSend,
contentType: "application/json; charset=utf-8",
dataType: "json",
//error: function(XMLHttpRequest, textStatus, errorThrown) {alert(errorThrown); this;},
success: function(data, textStatus){alert(success);mailPieceGroups = eval('(' + data + ')'); startSlideShow(mailPieceGroups); }
});
My issue was the path provided was not correct which caused the .ajax call not to be able to locate the method to call it.
This is correct for my scenario:
url: "../Orders.aspx/GetMailPieceGroupsByAdFundTypeId",