PHP Javascript Single Form Call Submit to Two Forms

Question

Have you seen?
submit a form inside another form

Submitting form data to two locations using Javascript and PHP?

None of them actually answer the question.

Let me explain the scenario. I have a form that asks for Name, Email and Phone Number and it needs to be submitted to TWO locations on two different vendors.

1) Aweber 2) The Company

One possibility is to create a Javascript piece of code that when people click 'submit' it sends it to two form calls in two different browser windows (that would be my preferred method)

The second possibility would be to send it first to Aweber (autorespnder) and then pass the variables to a custom PHP page. Fetch the variables with $_GET and then pass those into an automatic form submit that passes those on to the 2nd form that goes to the company.

For example - I can submit the form to Aweber first and then pass the results back to form.php:

$name = $_get['name'];
$email = $_get['email'];
$phone = $_get['phone'];

What would the rest of the form look like with Curl or javascript?

I tried passing the variables into the company post form. It won't accept any GET commands - it only accepts a POST command, so CURL is probably not going to work, (unless there's a way to POST a form via CURL?)

Anyone have an elegant solution that doesn't look bad to end users?

What ideas do you have? Thanks in advance!

Ideal solution could be that Company produces an API and Aweber after processing the received from makes a call to that API sending the sanitised data. — marekful
– marekful, Commented Nov 18, 2016 at 23:20
I understand and that would be ideal however they don't have an API yet. Any other ideas? — Viktor
– Viktor, Commented Nov 18, 2016 at 23:36
Just send a post request from the PHP script that processes the form on Aweber. You can use cURL or there are a number of other ways to send HTTP requests from PHP. — marekful
– marekful, Commented Nov 18, 2016 at 23:42
Can you provide a code sample as an answer? I'll start it above. — Viktor
– Viktor, Commented Nov 19, 2016 at 0:02
This is a relatively straightforward thing to do with AJAX and jQuery. — Rick Calder
– Rick Calder, Commented Nov 19, 2016 at 0:53

Rick Calder · Accepted Answer · 2016-11-19 14:34:47Z

1

Without any real data to go on or real forms to call, this should give a basic idea of how to do it with AJAX and jQuery.

*Updated

I updated the answer to show how to pass the form variables as a post rather than a get.

HTML

<form id="test-form">
  <input type="text" id="name" name="name"/>
  <input type="submit" value="submit"/>
</form>

<p class="response1">
  Response 1 goes here
</p>
<p class="response2">
  Response 2 goes here
</p>

jQuery

$("#test-form").on("submit", function(e) {
  e.preventDefault(); //stops the form from actually submitting
  var root = 'https://jsonplaceholder.typicode.com';

  $.ajax({
    url: root + '/posts/1',
    method: 'POST',
    data: $("#test-form").serialize()
  }).then(function(data) {
    if(data) {
        $(".response1").text(data.title);
        $.ajax({
          url: root + '/posts/2',
          method: 'POST',
          data: $("#test-form").serialize()
        }).then(function(data) {
          if(data) {
            $(".response2").text(data.title);
          }
        });
    }
  });
})

Obviously you'd have to set the URL's correctly and pass the post data, which isn't happening here because I don't have an API to query that accepts post data. After the first form submits, it sends the data to the second form. How you handle the data is going to depend on what the responses are from the servers.

Fiddle: https://jsfiddle.net/calder12/t0fos3kk/1/

edited Nov 19, 2016 at 14:34

answered Nov 19, 2016 at 0:58

Rick Calder

18.8k3 gold badges27 silver badges41 bronze badges

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

2 Comments

Viktor Over a year ago

I see how your script does the trick. What would you put in the 'response goes here sections' that would submit the form to those 2 different external sites via POST? For example the first post call is action = "aweber.com/scripts/addlead.pl" The 2nd post call is = "companyform/form.php" The 2nd post call won't accept any command line variables - its only looking for a POST.

Viktor Over a year ago

What would be the syntax for the POST calls? These are to external websites so there won't be any API to query. We need to submit to each site a separate POST request.

Collectives™ on Stack Overflow

PHP Javascript Single Form Call Submit to Two Forms

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related