Pass multiple variables via Ajax through variable to PHP not working

Question

Am wanting to pass three variables, one a constant the other two from a date picker, through the URL using Ajax. Am able to pass the constant through fine however the variables for the dates are just being passed as the variable name.

Below is the code for the date pickers:

        <tr>
            <td>
                <input type="text" id="range1" size="10" data-datepick="rangeSelect: true, minDate: 'new Date()'"/>
            </td>
            <td>
                <input type="text" id="range2" size="10" data-datepick="rangeSelect: true, minDate: 'new Date()'"/>
            </td>
            <td>
                <button type="button" onclick="dateRangeFunction()">Go</button>
            </td>   
        </tr>

The variables range1 and range2 contain the dates to be passed, the function to create the URL and pass the variables is below:

        function dateRangeFunction() {
            var range1 = document.getElementById('range1').value;
            var range2 = document.getElementById('range2').value;

            if(range1 == null || range1=="") {
                alert("Please Select A Date To Search From");
                return;
            }
                $.ajax({
                    type: 'GET',
                    url: 'daterangedetails.php?pt=7&rngstrt=" + range1 + "&rngfin=" + range2',
                    success: function (data) {
                    document.getElementById('rangeDetails').innerHTML = data;
                    }
                });
            }           
</script>

Doing an alert on the two variables shows the correct dates as selected, however when passed via the URL and using $_GET to echo the resultant variable on rngstrt and rngfin in the daterangedetails.php only gives the variable names as "range1 " & " range2. The pt value is passed correctly.

The code used to echo the variables is:

<?php
session_start();

include 'dbconnect.php';

$dateFrom = $_GET['rngstrt'];
$dateTo = $_GET['rngfin'];
$rangeType = $_GET['pt1'];

echo "Date From: ".$_GET['rngstrt']."<br/>";
echo "Date To: ".$dateTo."<br/>";
echo "Date: ".$criteriaDate."<br/>";
echo "Type: ".$rangeType;
?>

Any help would be greatly appreciated, I was thinking maybe I have to put the variables into an array?? But am unsure how to do that if that's how I should go.

Lawrence Edel · Accepted Answer · 2015-02-02 06:09:05Z

1

function dateRangeFunction() {
        var range1 = $('range1').val;
        var range2 = $('range2').val;

        if(range1 == null || range1=="") {
            alert("Please Select A Date To Search From");
            return;
        }
            $.ajax({
               type  : 'GET',
                url  : 'daterangedetails.php',
                data : {pt:'7',rngstrt:range1, rngfin:range2},
                success: function (data) {
                document.getElementById('rangeDetails').innerHTML = data;
                }
            });
        }

answered Feb 2, 2015 at 6:09

Lawrence Edel

1145 bronze badges

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

1 Comment

Wignu Over a year ago

Brilliant, worked like a charm, thanks very much for that :). As I said thought it needed to be in an array but didn't know how to do it.

Bugs · Accepted Answer · 2017-07-24 08:34:14Z

1

xhttp.open("GET", "url?parameter_name="+value + "&parameter_name="+value, true);
xhttp.send();

edited Jul 24, 2017 at 8:34

Bugs

4,4799 gold badges34 silver badges41 bronze badges

answered Jul 23, 2017 at 14:21

Yehan Anushka

112 bronze badges

1 Comment

Nigel Ren Over a year ago

Please add something to your answer which would help understand what it's doing and why OP should use it.

Shaunak Shukla · Accepted Answer · 2015-02-02 06:04:14Z

0

url: 'daterangedetails.php?pt=7&rngstrt=" + range1 + "&rngfin=" + range2',

Should be

url: 'daterangedetails.php?pt=7&rngstrt=' + range1 + '&rngfin=' + range2,

answered Feb 2, 2015 at 6:04

Shaunak Shukla

2,3472 gold badges19 silver badges30 bronze badges

Collectives™ on Stack Overflow

Pass multiple variables via Ajax through variable to PHP not working

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related