Call php function with jquery using ajax

Question

I'm trying to call a php function that is defined on a php file.

On the php file I have this that will call the function

if(isset($_GET))
{
    submit();    //Do something with your GET
}

But I'm getting an error when calling the php function within the jquery. I imagine it could be a path problem. The jquery file is in js/file.js and the php function is on data/php/function.php so I try it calling it like this.

       $.ajax({
          url: "../data/php/functions.php&paperid="+$('#table-paperid').text(),
          type: "GET",
          success:function(result)//we got the response
          {
           alert('Successfully called');
          },
          error:function(exception){alert('Exception:'+exception);}
       });

But no matter what I write on the url I always get the exception error. Any ideas?

Well firstly paths are relative to the page they're loaded on... — Niet the Dark Absol
– Niet the Dark Absol, Commented May 16, 2016 at 16:50
Ok so @NiettheDarkAbsol was right all along. I was given the path relative to the js file and not the original loaded page. Now I changed that and it works fine. I will up vote both answers though since they both helped me but non were the actual solution. — Atirag
– Atirag, Commented May 16, 2016 at 17:49

ThomasK · Accepted Answer · 2016-05-16 17:06:57Z

2

It's better practice to use a POST ajax call in this case. You should also put the "type" property before the "url" field, although, I doubt this is the source of the error. Try an ajax call that looks something like this.

$.ajax({
      type: 'post',
      url: '/some/path',
      data: { paperid : $('#table-paperid').text()},
      success: function(data) {

        var response = JSON.parse(data);

      }
    })

and your php should be modified to.

if(isset($_POST['paperid']))
{
    submit();    //Do something with your GET
}

I've done this many times with no issue so hopefully this will solve your problem.

Best of luck!

answered May 16, 2016 at 17:06

ThomasK

3001 silver badge8 bronze badges

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

6 Comments

Jose Rojas Over a year ago

Why does in this case is good practice to make a POST Request?

ThomasK Over a year ago

Because of the parameters. It makes more sense to use POST as it is cleaner.

Atirag Over a year ago

I tried this and I'm still getting the exception error. The alert message is simply Exception:[object Object] so I can't really see what's happening. Could it have to do with the path?

Jose Rojas Over a year ago

@Atirag change alert(JSON.stringify(exception, null, 4)); instead alert('Exception:'+exception); to see the error

Atirag Over a year ago

@JoseRojas That was really helpful and, as I suspected, the path is incorrect. I get this "The requested URL /data/php/functions.php was not found on this server". So is it ignoring the "../"??

|

Jose Rojas · Accepted Answer · 2016-05-16 17:29:32Z

1

You can set the query string this way as well:

 $.ajax({
      url: "../data/php/functions.php",
      type: "GET",
      data: {paperid: $('#table-paperid').text() }
      success:function(result)//we got the response
      {
       alert('Successfully called');
      },
      error:function(exception){alert('Exception:'+exception);}
   });

answered May 16, 2016 at 17:29

Jose Rojas

3,5403 gold badges29 silver badges43 bronze badges

Collectives™ on Stack Overflow

Call php function with jquery using ajax

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related