HTTP Error 405.0 - Method Not Allowed using Jquery ajax get

Question

I'm developing a form in which user must insert an username. I want to check on blur that username of user is valid:

I added this script:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>

IN HTML:

<input name="username" type="text" onblur="checkUsername()">

Script:

function checkUsername(){
    var usn = document.getElementsByName('username')[0];
    if(usn.value != "") {
       var html = $.ajax({
       type: "GET",
       url: "checkUsername.php?",
       data: "usr=" +usr.value 
       async: false,
       dataType: "text"}).responseText;   
       if(html == "si") {
          usn.style.backgroundColor = "green";
       } else {
          usn.style.backgroundColor = "red";
          usn.value = "Username still exists!";
       }
    }
}

So onBlur doesn't work, and when I submit form it appear an error like this:

HTTP Error 405.0 - Method Not Allowed
The page you are looking for cannot be displayed because an invalid method (HTTP verb) is being used.

What can I do? Where is the problem?

http://stackoverflow.com/q/1400210/1164491 http://stackoverflow.com/q/6841139/1164491 and read this one http://forums.asp.net/t/1650010.aspx/1 — Cheery, Jan 31 '12 at 23:08
Do you have access to `checkUsername.php` ? check for redirects mentioned by the links above. — Cheery, Jan 31 '12 at 23:12

score 2 · Accepted Answer · answered Jan 31 '12 at 23:14

2

First of all consider upgrading your JQuery to 1.6.x version.

Try this modified version of your script:

function checkUsername(){
    var usn = document.getElementsByName('username')[0];
    if(usn.value != "") {
       var html = $.ajax({
       url: "checkUsername.php",
       data: "usr=" +usr.value 
       async: false,
       dataType: "text"}).responseText;   
       if(html == "si") {
          usn.style.backgroundColor = "green";
       } else {
          usn.style.backgroundColor = "red";
          usn.value = "Username still exists!";
       }
    }
}

answered Jan 31 '12 at 23:14

Salaros

1,394
1
12
33

1

Why `1.6.x`? The latest stable release is `1.7.1` – Cheery Jan 31 '12 at 23:18
I know, but sometimes an upgrade from an old version to the latest one breaks the existing code. While 1.6.x branch is not far away from 1.5.x it is full of bug fixes for $.ajax() function: http://blog.jquery.com/2011/05/03/jquery-16-released/ – Salaros Jan 31 '12 at 23:22
@JackTurky Are you sure that the request you are trying to do is not a cross-domain or userid/password protected one? Try to test php script separately, debug GET parameter, then do the same thing in javascript, by using console rather than alerts. – Salaros Jan 31 '12 at 23:27
done! i don't know where was the problem, i reindent all and update all } ;) – JackTurky Jan 31 '12 at 23:38

score 1 · Answer 2 · answered Jan 31 '12 at 23:10

1

Usually when I run an AJAX command from Jquery, my data attribute is an array like such:

 $.ajax({
    type: "GET",
    url: "checkUsername.php",
    data: {
        usr: usr.value 
    },
   async: false,
   dataType: "text"}).responseText;

answered Jan 31 '12 at 23:10

StingeyB

495
3
15

@JackTurky it is not related to you jQuery script. – Cheery Jan 31 '12 at 23:19

score 0 · Answer 3 · answered Nov 11 '12 at 04:32

0

in the option add

dataType: 'jsonp',

answered Nov 11 '12 at 04:32

ewwink

15,852
2
35
50

score 0 · Answer 4 · answered Nov 05 '13 at 01:32

0

The other thing to do is check for javascript errors above your ajax call, which will also cause the 405 error...

answered Nov 05 '13 at 01:32

user1969235

16
5

HTTP Error 405.0 - Method Not Allowed using Jquery ajax get

4 Answers4

Linked