Calling method in PHP file from separate JavaScript file

Question

I have a javascript file from which I am trying to make a ajax call to execute method of a different php file.

Javascript file - a.js

function update() {
        $.ajax({
            url:"abcd.php",
            type: "POST",
            dataType: 'json',
            data: {"updateMethod()"}

            success:function(result){
                console.log(result);
            }
         });
}

PHP file - abcd.php

<?php

class abcd {
    public function updateMethod() {
        //execute this part of the code
    }

    public function insertMethod() {

    }

    public function deleteMethod() {

    }


}

I am not able to make a call to the PHP method. What is wrong with my AJAX query or what do I need to do in PHP file side to call the method.

u_mulder · Accepted Answer · 2019-09-07 21:15:48Z

3

I don't know what you try to do, but you can do it this way:

function update() {
    $.ajax({
        url:"abcd.php",
        type: "POST",
        dataType: 'json',
        data: {methodName: "updateMethod"},
        success:function(result){
            console.log(result);
        }
     });
}

On server side:

<?php

class abcd {
    public function updateMethod() {
        //execute this part of the code
    }

    public function insertMethod() {

    }

    public function deleteMethod() {

    }
}

$abcd = new abcd();
$method = $_POST['methodName'];
$result = $abcd->$method();

answered Sep 7, 2019 at 21:15

u_mulder

54.8k5 gold badges54 silver badges72 bronze badges

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

7 Comments

Ad-vic Over a year ago

Not working. Getting error "Undefined index: methodName"

u_mulder Over a year ago

Print_r($_POST); and see what is there.

Ad-vic Over a year ago

Some other information .. ""parent_id":3,"children":[]}]}]} ".

u_mulder Over a year ago

This means that you show us wrong or not full code. According to this ajax - $_POST should contain only one key.

Ad-vic Over a year ago

I had few other information as well. So I parsed it to get the relevant key from it. It worked then. Thanks

|

SampleMi · Accepted Answer · 2019-09-08 08:23:43Z

0

Remove this line

dataType: 'json',

and send data without json

If you sending json in php must be:

$data = file_get_contents('php://input');

PHP "php://input" vs $_POST

Or beter jquery:

var methodName = "YourMethodName";
var y = "Cymbal";

$.post( "test.php", { methodName: methodName, lastname: y })
  .done(function( data ) {
   alert( "Data Loaded: " + data );
});

edited Sep 8, 2019 at 8:23

answered Sep 8, 2019 at 8:13

SampleMi

262 bronze badges

Comments

bgul · Accepted Answer · 2019-09-08 10:30:01Z

Maybe something like this is more secure and I think you also need function arguments for CRUD actions(Not tested):

backend:

class CRUD
{
    public function update($args) 
    {
       $input = $args['exampleInput'];
       // sanitize input 
       // prepared query
       // $stmt->execute($input);
    }
}


function access($class, $method, $args) 
{
    if (method_exists($class, $method)) {
        return call_user_func_array([$class, $method], [$args]);
    } 
}

$data = file_get_contents('php://input');
access('CRUD', $data->method, json_decode($data->args));

js:

function handleAction(methodName, arguments) {
  $.ajax({
    url: "crudFile.php";
    type: "POST",
    data: { method: methodName, args: arguments },
    dataType: 'json',
    success: function (result) {
      console.log(result);
    }
  });
}

var inputs = {
  exampleInput: function () {
    return document.getElementById('your-div-id').textContent();
  },
};

// usage

handleAction('update', inputs);

Collectives™ on Stack Overflow

Calling method in PHP file from separate JavaScript file

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related