Calling a php script using ajax not working

Question

I'm trying to do what the title says following this example:

How can I call PHP functions by JavaScript?

However I can't get it to work.

Here is the javascript function:

  <script>
function errorInProyect(err){
    if (document.getElementById("projname").value == ""){
      document.getElementById("projname_status").innerHTML =  "El nombre del proyecto no puede estar vacio";
    }
    else{
    jQuery.ajax({
        type: "POST",
        url: 'addproject.php',
        dataType: 'json',
        data: {functionname: 'prueba'},
        success: function (obj) {
              document.getElementById("projname_status").innerHTML =  "El resultado fue " + obj.result;
            }
    });
    }
}
  </script>

And my addproject.php is:

<?php 
    $res = array();
    $res['result'] = "soy la prueba";
    json_encode($res);
?>

and I know that the function is being called because the message in case of the empty string is being printed. What am I doing wrong?

you dint print anything? and where did you write this function prueba? — Punitha Subramani
– Punitha Subramani, Commented Aug 27, 2014 at 12:28

Lorenzo Marcon · Accepted Answer · 2014-08-27 12:27:52Z

1

You don't print the result of json_encode.

Change the code in addproject.php to:

echo json_encode($res);

answered Aug 27, 2014 at 12:27

Lorenzo Marcon

8,2395 gold badges40 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

aarelovich Over a year ago

According to the example I've read $res should be the result and it is what I get in obj.result. I should be able to see it if the code enters the function on success. Am I understanding the example wrong? Because in the example function names is simply used for a switch statement, to to actually call a function....

aarelovich Over a year ago

One more thing. In my defense the example in the link did not have the echo in the encode command, though......

Lorenzo Marcon Over a year ago

you're right, the example seems wrong as well. glad it worked!

Smruti Singh · Accepted Answer · 2014-08-27 12:32:31Z

1

<script>
function errorInProyect(err){
    if (document.getElementById("projname").value == ""){
      document.getElementById("projname_status").innerHTML =  "El nombre del proyecto no puede estar vacio";
    }
    else{
         $.post("addproject.php",{'functionname': 'prueba'},
                 function(data)
                   {
                      document.getElementById("projname_status").innerHTML =  "El resultado fue " + data.result;

                   },'json');

         }
}
  </script>

and you php page is

<?php 
    $res = array();
    $res['result'] = "soy la prueba";
    echo json_encode($res);
?>

answered Aug 27, 2014 at 12:32

Smruti Singh

5651 gold badge4 silver badges15 bronze badges

1 Comment

Smruti Singh Over a year ago

see the $.post() section. Its not copied and pasted. Made needed changes

Collectives™ on Stack Overflow

Calling a php script using ajax not working

2 Answers 2

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related