ajax cgi jquery,javascript - Pass data to CGI script and back with jQuery.ajax - Stack Overflow

I'm working with jQuery.ajax() to send some HTML form data to my Perl script on the server and then return some data back to the frontend.

Preferably, the data should be in text/string format. I also need to save it as a variable for further use in jQuery functions.

I already set up the HTML code, the JavaScript code and the CGI Perl script, but while JavaScript is working, the connection to the CGI Perl script is not and I always get the error message: "script call was not successful".

Maybe some one can tell me where the mistake is? I'm not completely sure how to return the variable from the Perl script back to the server.

Since I'm still new to both jQuery and JavaScript and haven't worked with asynchronous calls before, any help would be greatly appreciated.

This is my code:

The HTML code: (where the user fills the form with his first name and name:

Enter information

First name

Name

Login

The JavaScript Code:

$(document).ready(function(){

$("form#loginForm").submit(function() { // loginForm is submitted

var firstname = $('#firstname').attr('value'); // get first name

var name = $('#name').attr('value'); // get name

if (firstname && name) { // values are not empty

$.ajax({

type: "POST",

url: "/cgi-bin/perl_script.cgi", // URL of the Perl script

// send firstname and name as parameters to the Perl script

data: "firstname=" + firstname + "&name=" + name,

// script call was *not* successful

error: function() {

alert("script call was not successful");

},

// script call was successful

// perl_data should contain the string returned by the Perl script

success: function(perl_data){

alert("Your name is: " + perl_data)

}

});

}

else {

$('div#loginResult').text("Enter your name");

$('div#loginResult').addClass("error");

}

$('div#loginResult').fadeIn();

return false;

});

});

The Perl code:

#!/usr/bin/perl -w

use CGI;

use strict;

use warnings;

# read the CGI params

my $cgi = CGI->new;

my $firstname = $cgi->param("firstname");

my $name = $cgi->param("name");

my $completename = $firstname . $name;

print $completename;