JavaScript

Re: Failed to load resource: the server responded with a status of 405 (Method Not Allowed)

30-Jan-14 8:25

Good Evening all

i am trying to post data coming from a form to the server and return a string , when i test this service works nicely. Its a Rest web api. now iam consuming it in Javascript Ajax like this

<script type="text/javascript">
     function ProcessRegistration() {
         jQuery.support.cors = true;

         $.getJSON("http://www.mydomain.mymaindomain.com/api/Registration/Create", function (data) {
             alert(data);

         });
     }    </script>

When i run this and i get an Error

Failed to load resource: the server responded with a status of 405 (Method Not Allowed) http://www.mydomain.mymaindomain.com/api/Registration/Create

i have added the headers in IIS

"Access-Control-Allow-Origin" "*"

in my web config of the service i have added

HTML

<system.webServer>

   <httpProtocol>
   <customHeaders>
     <add name="Access-Control-Allow-Origin" value="*" />
   </customHeaders>
 </httpProtocol>

 <...........

i have done all suggested by my research but i still get that error, try to restart the server but still the same.

Vuyiswa Maseko,

Spoted in Daniweb-- Sorry to rant. I hate websites. They are just wierd. They don't behave like normal code.

C#/VB.NET/ASP.NET/SQL7/2000/2005/2008
http://www.vuyiswamaseko.com
vuyiswa[at]dotnetfunda.com
http://www.Dotnetfunda.com

Kornfeld Eliyahu Peter2-Feb-14 1:30

Kornfeld Eliyahu Peter

2-Feb-14 1:30

How did you declared Create method on the server?

I'm not questioning your powers of observation; I'm merely remarking upon the paradox of asking a masked man who he is. (V)

Re: Failed to load resource: the server responded with a status of 405 (Method Not Allowed)

swatishri20-Aug-20 15:19

swatishri

20-Aug-20 15:19

Did you get any response? I am in the same boat, it returns to the same error. Please help

Re: Failed to load resource: the server responded with a status of 405 (Method Not Allowed)

Vimalsoft(Pty) Ltd20-Aug-20 23:53

No 'Access-Control-Allow-Origin' header is present on the requested resource

20-Aug-20 23:53

I resolved it like this

Re: No 'Access-Control-Allow-Origin' header is present on the requested resource - JavaScript Discussion Boards

Vimalsoft(Pty) Ltd30-Jan-14 1:42

Re: No 'Access-Control-Allow-Origin' header is present on the requested resource

30-Jan-14 1:42

Good Day

i have a web api that i want to call on the client side and return its contents, so it s a post and i return some string. Now i have a form that will have the data to be posted as depicted below

HTML

<form name="registrationForm"    method="post">

and there are other controls within the form and i have a button that triggers the post as depicted below

HTML

< <input title="Register"  onclick="ProcessRegistration();" style="width: 100px; height: 100px; align-self: center" type="submit" name="submit_fourth" id="submit1" value="register" />

onCick i call a function from the client side, the definition of the function is

function ProcessRegistration()
      {

          $.getJSON("http://www.mydomain.maindomain.com/api/Registration/Create", function (data) {

              alert(data);
          });


      }

now when i click the button to fire the service i get the following error in the console

 XMLHttpRequest cannot load http://www.mydomain.maindomain.com/api/Registration/Create. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:46506' is therefore not allowed access.

Does anyone know how to solve this ?

Thanks

Kornfeld Eliyahu Peter2-Feb-14 1:29

Kornfeld Eliyahu Peter

2-Feb-14 1:29

The problem is that the client and the server are on different domains (mydomain.maindomain and localhost). XHR will deny such call except you put an 'Access-Control-Allow-Origin' header on the server...
See here:
https://developer.mozilla.org/en/docs/HTTP/Access_control_CORS[^]

I'm not questioning your powers of observation; I'm merely remarking upon the paradox of asking a masked man who he is. (V)

Re: No 'Access-Control-Allow-Origin' header is present on the requested resource

Doug Twyman3-Feb-14 18:28

Doug Twyman

3-Feb-14 18:28

What is the web server? I had this same problem on a Tomcat server. I had to create a "filter" and "filter map" to resolve this.

Re: No 'Access-Control-Allow-Origin' header is present on the requested resource

Vimalsoft(Pty) Ltd3-Feb-14 19:00

Re: No 'Access-Control-Allow-Origin' header is present on the requested resource

3-Feb-14 19:00

hi thanks for your reply

i am using IIS , i was able to resolve the issue , but i had a to change my code a but to do this. my service is a Rest Web Api Service. So i was returning a String , i changed and returned an integer. So my Js code looks like this

JavaScript

$.ajax({
             url: 'http://www.mysubdomain.mymaindomain.com/api/Registration/Create',
             type: 'POST',
             data: JSON.stringify(RegistrationModel),
             contentType: "application/json;charset=utf-8",
             success: function (data, textStatus, request) {
                 alert(data);
                 if (data != 0) {

                     alert("Your Reference number is ANP00" + data + " Keep it safe for Sure use");

                     ProcessPayment();



                 }
                 else {
                     alert("Already Registered,please renew");
                 }
             },
             error: function (x, y, z) {
                 alert(x + '\n' + y + '\n' + z);
             }
         });

I hope this helps someone in the future.

Thanks

Abhishek_RK2-Mar-14 20:57

Abhishek_RK

2-Mar-14 20:57

This might help you:

http://devzone.co.in/allow-cross-domain-file-upload-ubuntu/[^]

thanks
Abhi

Learning jQuery

DRAYKKO27-Jan-14 7:06

DRAYKKO

27-Jan-14 7:06

Greetings and Salutations!
I'm not sure if this is the right group for this, but if not, please let me know where I should post my questions.

I'm a novice to the world of jQuery and I've run into a snag (and can use some help). When I include the following line in my HTML file, the element doe not slide down as expected:

JavaScript

<script>
	$(document).ready(function(){	
		$("#ContentHeader").slideDown(4000);
	});
</script>

When I load the page the element appears without sliding down. I'm self taught using CodeAcademy and a text titled: "JavaScript & jQuery: The Missing Manual". Do I have the syntax correct?

Here is the full code I'm using:

JavaScript

<!DOCTYPE html>
<html lang="en">
  <head>

	<link type="text/css" rel="stylesheet" href="JQSwaggerStyle.css"/>
	<script>
    	$(document).ready(function(){	
    		$("#ContentHeader").slideDown(4000);
    	});
	</script>
  </head>
  <body>
	<div id="ContentHeader">
		<h1>Andre Mitchell Stevens Swagger</h1>
		<h2>Ain't it cool???</h2>
	</div>
  </body>
</html>

=======================
Every experience in life is a lesson to be learned

A. Stevens
B.S., Computer Science

Richard Deeming27-Jan-14 7:34

Richard Deeming

27-Jan-14 7:34

You haven't posted your CSS, but the first thing I would check is that you have display:none; set for your #ContentHeader element.

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

DRAYKKO27-Jan-14 7:50

DRAYKKO

27-Jan-14 7:50

Richard,
Thanks for your feedback. Unfortunately that did not work. If I include "display: none" (without the quotes) the element doesn't appear at all (and I also tried using "slow" as the parameter, rather than "4000").

I also tried:

JavaScript

$("#ContentHeader").hide().slideDown("slow");

but that didn't work either...

Here is my CSS (so far):

JavaScript

h1, h2{
   color: #FF8000;
   text-align:center;
 }
 
#ContentHeader{
   background-color: #000040;
   border-color: #FF8000;
   border-style:groove;
   border-radius: 5pt;
   border-width: 5pt;
   /* display: none; */
 }

=======================
Every experience in life is a lesson to be learned

A. Stevens
B.S., Computer Science

Richard Deeming27-Jan-14 10:05

Richard Deeming

27-Jan-14 10:05

You definitely need the display:none;. As Graham mentioned, you also need a <script> tag to include jQuery. If you don't have a local copy, you can use a CDN - for example:

HTML

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>

Here's a working example to play with: http://jsfiddle.net/Y5P7N/[^]

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Duplicate File Remover Code

Graham Breach27-Jan-14 9:44

Graham Breach

27-Jan-14 9:44

If that is your complete page, then you haven't included the script tag to load jQuery itself. It should look something like this:

HTML

<script src="jquery.js"></script>

The actual src= filename and path may be different.

Rahul Michael26-Jan-14 18:10

Rahul Michael

26-Jan-14 18:10

Can anyone help me to do coding on the topic duplicate file remover.I am weak in coding and i am just a student Frown | :(

Rahul

Richard MacCutchan26-Jan-14 21:53

Richard MacCutchan

26-Jan-14 21:53

And are you hoping to do this in Javascript?

Veni, vidi, abiit domum

Rahul Michael27-Jan-14 6:09

Rahul Michael

27-Jan-14 6:09

Yes.. i really need it.. Actuly it's my project... Can u help me??

modified 27-Jan-14 12:17pm.

Richard MacCutchan27-Jan-14 6:35

Richard MacCutchan

27-Jan-14 6:35

I think you need to study what features you can use in Javascript. If you want to delete files on the user's system then that is forbidden in browsers for reasons of security.

Veni, vidi, abiit domum