Using ajax and jQuery to execute some PHP code

Question

EDIT: solved. Was a simple mistake. The PHP file needed one of those "?field=value" things in the URL, and that's what needed to be in the data section. I needed to feed through the value of the input field to the PHP file, since when using Ajax, the URL does not change.

Three files: test.html test.php test.js

So when a user clicks a button in test.html, it will execute the php code in test.php

<form method="GET" action="test.php" id="addData">

That works fine. The PHP retireves some information from another website and stores them in variables and then sends them to my database. Everything works fine. What I want to do now is make this process occur in the background. I have been researching the jQuery ajax call, and there is a 'data' field where you need to enter data to 'send'. This is where I got confused. My data is all handled in the PHP file and my javascript file has no access to that data. So...what goes in the data field?

    $(document).ready(function(){
      $("#addData").submit(function(e){
        e.preventDefault();
        $.ajax
            ({
               type: 'POST',
               url: 'test.php',
               data:  ?????????????????????????????
               success.........
            })
      });
    });

So when they submit the form, I want the PHP to execute and the data sent to the database. All the 'data' is taken care of in the PHP file and the 'sending to the database' is also handled in the PHP file. So what do I put in the ajax 'data' field ??

What exactly are you trying to do? If your script just gets some data from another web-site and stores that in a database, you are probably looking for a cron job. No need to do that via a web-page and ajax. — jeroen
– jeroen, Commented May 17, 2014 at 3:04

user3567510 · Accepted Answer · 2014-05-17 02:54:42Z

1

You don't have to put anything. Take that line out.

 $(document).ready(function(){
  $("#addData").submit(function(e){
    e.preventDefault();
    $.ajax
        ({
           type: 'POST',
           url: 'test.php',
           success.........
        })
  });
});

answered May 17, 2014 at 2:54

user3567510

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

3 Comments

cs45977 Over a year ago

If you are not posting data then you should not use the POST type. a Get request is galled for here

xa. Over a year ago

The PHP script is not executing at all now. The success response is success but the PHP does not execute.

xa. Over a year ago

I did actually need a data section. Stupid silly mistake on my part. I needed to provide the URL parameters that the PHP file needs to function.

cs45977 · Accepted Answer · 2014-05-17 02:59:33Z

0

If you are not posting data you would use an ajax method using the get type

$(document).ready(function(){
  $("#addData").submit(function(e){
    e.preventDefault();
    $.ajax
        ({
           url: 'test.php',
           success.........
        })
  });
});

answered May 17, 2014 at 2:59

cs45977

4003 silver badges12 bronze badges

Collectives™ on Stack Overflow

Using ajax and jQuery to execute some PHP code

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related