what's wrong with simple ajax call?

Hi,

I was just testing Google chrome debugger and I have this simple code to test an ajax call but  the ajax call is returning an error. The textStatus just states "error" and I tried to look at the console and it's blank. The username is being passed and the json is returning from the called php file "test_ajax_call.php" but the I guess something is wrong with this part:

$(document).ready(function() {
    $('#submit_form').click(function() {
        submit(); //check if username/email exists already
    });

});

function submit() {
    var username = $("#username").val();

    $.ajax({
        type : 'POST',
        url:'test_ajax_call.php',
        dataType: 'json',
        data: {
            username : username
        },
        success: function(data) {
            $("div#ret_username").text(data.username);
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(textStatus);
        }
    });
}

What's wrong with the code?
test.php
init.js
test-ajax-call.php
Victor KimuraSEO, Web DeveloperAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
leakim971Connect With a Mentor PluritechnicianCommented:
1 - rename test-ajax-call.php to test_ajax_call.php
2 - replace (or don't use a submit button) :
$('#submit_form').click(function() {
        submit(); //check if username/email exists already
    });

Open in new window

by :
$('#submit_form').click(function(evt) {
        evt.preventDefault();
        submit(); //check if username/email exists already
    });

Open in new window

3 - use http or https to test your page... but I think it's ok for this part
0
 
Victor KimuraSEO, Web DeveloperAuthor Commented:
Hi Leaking971,

Thank you! yeah, I changed the submit to a regular button.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.