Ajax call not working

Question

0.00/5 (No votes)

See more:

i am calling this method 'Get_myHours' from html page which is in the same project.
its not working please help !!!

JavaScript

function show() {
        $.ajax({
            type: "GET",
            url: "http://localhost:51065/Service1.svc/Get_myHours",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: {
                loginIDtxt: loginIDtxt
            },
            success: function (response) {
                var Days = response.Days;
                var FinalTime = response.FinalTime;
                $('#jsonData').html('');
                $('#jsonData').append('<table><tbody><tr><th>' +
                  'Days</th><th>FinalTime</th>' +
                  '</tr><tr><td>' + Days + '</td><td>' + FinalTime +
                '</td></tr></tbody></table>');
            },
            error: function (msg) {
                alert("error");
            }
        });
    }


<div>
        &lt;input id="loginIDtxt" type="text" />
        &lt;button onclick="show()">Enter&lt;/button>
    </div>
    <div id="jsonData">

    </div>

</PRE>

Posted 27-Sep-15 21:18pm

Mohammed_Faisal_Majeed

Updated 28-Sep-15 1:33am

Naveen.Sanagasetti

v2

Add a Solution

Comments

Palash Mondal_ 28-Sep-15 3:44am

Are you getting any error or exception in browser console? Could you please explain what you mean by "not working" as it is not clear right now.

Palash Mondal_ 28-Sep-15 3:46am

Put a console.log(response) inside the ajax success method. What are you getting in the console for it?? Also put an alert inside the show() function. Is it called in the first place??

[no name] 28-Sep-15 6:04am

alert is coming.. but its not hitting Get_myHours method :(

F-ES Sitecore 28-Sep-15 5:52am

http://forums.asp.net/t/1982579.aspx?Using+the+browser+s+dev+tools+to+diagnose+ajax+problems+and+other+things+

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Manas_Kumar · Answer 1 · 2015-09-27T23:11:00

Solution 1

Use POST method instead of GET method because you are sending data to service. Secondly make your service running. Thirdly make sure you have one parameter loginIDtxtin Get_MyHours method. Fourthly you were sending loginIDtxtin as param meter value, it should be textbox value. See below code:

JavaScript

$.ajax({
	type: "POST",
	url: "Service1.svc/Get_myHours",
	contentType: "application/json; charset=utf-8",
	dataType: "json",
	data: '{loginIDtxt:"' + $("#loginIDtxt").val() + '"}',
	success: function (response) {
		var Days = response.Days;
		var FinalTime = response.FinalTime;
		$('#jsonData').html('');
		$('#jsonData').append('<table><tbody><tr><th>' +
		  'Days</th><th>FinalTime</th>' +
		  '</tr><tr><td>' + Days + '</td><td>' + FinalTime +
		'</td></tr></tbody></table>');
	},
	error: function () {
	   alert("error");
	}
});

Note: In browser, use developer tool to see where you are getting error by pressing F12 and go to network tab.

Posted 27-Sep-15 23:11pm

Manas_Kumar

Comments

[no name] 28-Sep-15 6:07am

I am getting error alert.
My html page is in same wcf service project so i have given the url in this way
http://localhost:51065/Service1.svc/Get_myHours

[no name] 28-Sep-15 6:31am

As I told, open chrome browser and press F12. Then go to network tab and see what error you are getting from server.

Secondly provide WCF code how you are using it.

[no name] 28-Sep-15 7:10am

This is the error :

http://localhost:51065/Service1.svc/Get_myHours Failed to load resource: the server responded with a status of 415
(Cannot process the message because the content type 'application/json; charset=UTF-8' was not the expected type 'text/xml; charset=utf-8'.)

jquery-1.7.1.js:8102

POST http://localhost:51065/Service1.svc/Get_myHours 415 (Cannot process the message because the content type
'application/json; charset=UTF-8' was not the expected type 'text/xml; charset=utf-8'.)

This is the method:

[OperationContract]
[WebInvoke(Method = "GET", UriTemplate = "Get_myHours", ResponseFormat = WebMessageFormat.Json, RequestFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.Wrapped)]
public string Get_myHours(int loginID)
{
using (MyEntities OE = new MyEntities())
{
var jsonSerialiser = new JavaScriptSerializer();
var json = jsonSerialiser.Serialize(OE.GET_HRbyIDdate(loginID).ToList<get_hrbyiddate_result>());
return json;
}
}

[no name] 28-Sep-15 7:30am

Try below code:

[OperationContract]
[WebInvoke(Method = "POST", UriTemplate = "Get_myHours", ResponseFormat = WebMessageFormat.Json,
RequestFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.Wrapped)]
public string Get_myHours(string loginIDtxt)
{
using (MyEntities OE = new MyEntities())
{
var jsonSerialiser = new JavaScriptSerializer();
var json = jsonSerialiser.Serialize(OE.GET_HRbyIDdate(Convert.ToInt(loginIDtxt)).ToList());
return json;
}
}

And secondly use WebHttpBinding/wsHttpBinding. Please go through below link:

http://www.encodedna.com/wcf/tutorial/call-wcf-service-from-jquery-ajax-json-aspdotnet.htm

http://www.aspsnippets.com/Articles/Make-AJAX-JSON-call-to-ASP.Net-WCF-Service-using-jQuery-and-Javascript.aspx

[no name] 29-Sep-15 1:22am

Its not working i changed the config file as with the able links :(

[no name] 29-Sep-15 1:32am

I am getting this error in Network:
POST http://localhost:51065/Service1.svc/Get_myHours 500 (System.ServiceModel.ServiceActivationException)

[no name] 29-Sep-15 1:34am

Please follow the links I provided in my previous comment and try to implement the same.

[no name] 29-Sep-15 1:36am

When i am directly calling the method from the broswer i am getting this error:
Endpoints using 'UriTemplate' cannot be used with 'System.ServiceModel.Description.WebScriptEnablingBehavior'.

[no name] 29-Sep-15 1:46am

GO through below links to resolve:

http://kaushikghosh12.blogspot.com.au/2012/10/a-known-error-in-wcf-restful-service.html

http://www.advancesharp.com/questions/17667/endpoints-using-uritemplate-cannot-be-used-with-system-servicemodel-description-webscriptenablingbehavior

[no name] 29-Sep-15 1:49am

I have removed <enablewebscript> from the config file. now when i am getting this result from the browser when i am calling.

http://localhost:51065/Service1.svc/Get_myHours

<fault xmlns="http://schemas.microsoft.com/ws/2005/05/envelope/none">


<Value>Sender</Value>
<Subcode>
<Value xmlns:a="http://schemas.microsoft.com/ws/2005/05/addressing/none">a:DestinationUnreachable</Value>
</Subcode>

<reason>
<text xml:lang="en-US">
The message with To 'http://localhost:51065/Service1.svc/Get_myHours' cannot be processed at the receiver, due to an AddressFilter mismatch at the EndpointDispatcher. Check that the sender and receiver's EndpointAddresses agree.