how to pass < input > value to php using ajax load

Question

I am trying to pass a value of an input item to php when loading the php file using ajax_load. this is that I have so far but it's not working.

html and jquery:

<tr>
    <td></td>
    <td>
        <button class="grey">Test Settings</button></td>
</tr>

<tr>
    <td></td>
    <td><div class="font-size-15 color-semi-black" id="result"></div></td>
</tr>
<input type="hidden" name="control" value="1"/>

<!--Test Settings-->
{literal}
    <script>
        $.ajaxSetup({
            cache: false
        });
        var ajax_load = "<img src='images/loaders/small-loader.gif' alt='loading...' />";
        var value = $("input[name='control']").val();
        //  load() functions
        var loadUrl = "demo/test_settings.php?val=" + value;
        $("button").click(function() {
            $("#result").html(ajax_load).load(loadUrl);
        });

    </script>
{/literal}

php:

if ($val == '1'){

//process code here. 

}

It's not passing the value of the input. any suggestions?

there are numbers of ajax jquery tutorials. try to search in Google — user3470953
– user3470953, Commented May 28, 2014 at 12:04
it would be very helpful if you could just post the actual content of your test_settings.php file too. Otherwise, we assume that your $val is set as: $val = $_GET['val']. — Vincent Edward Gedaria Binua
– Vincent Edward Gedaria Binua, Commented May 28, 2014 at 12:19
thank you all for commenting. the reason I did not post the content of the php is because it is about 200 lines of coding which is not related to this. but same suggestion as below works great. — user3620142
– user3620142, Commented May 28, 2014 at 12:27

Rakesh Sharma · Accepted Answer · 2014-05-28 12:02:08Z

2

your request is going with GET like this:-

/demo/test_settings.php?val=1&_=1401278450924

so you need to get your values by $_GET on test_settings.php like

if ($_GET['val'] == '1'){

answered May 28, 2014 at 12:02

Rakesh Sharma

13.7k5 gold badges41 silver badges44 bronze badges

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

1 Comment

user3620142 Over a year ago

thank you for your suggestion. had a few problem with ?val=1&_=1401278450924 but I changed to .php?val=1"; and that works

mareckmareck · Accepted Answer · 2014-05-28 12:11:55Z

1

In your $.load pass data to it as a parameter.

$("button").click(function(){
    $("#result").html(ajax_load).load(loadUrl , {
         val : ...
    });
});

In your php file:

if (isset($_REQUEST["val"]) && $_REQUEST["val"] == 1) {
    ...
}

If you pass an object, it is passed as POST, otherwise it is passed as GET.

edited May 28, 2014 at 12:11

answered May 28, 2014 at 12:04

mareckmareck

1,58013 silver badges18 bronze badges

6 Comments

asprin Over a year ago

And what do you think load() does?

mareckmareck Over a year ago

Edited it. Somehow forgot you can actually pass parameters to load, my bad.

Steve Over a year ago

This is not the problem, he is already passing the value in the query string. The problem is how he retrieves it in php

mareckmareck Over a year ago

Yeah, but passing the values like that is a better way to deal with it.

user3620142 Over a year ago

guys, I was able to use suggestions from here and do this. test_connection.php?val=1"; php: ($_GET['val'] == '1'){ and it works fine

|

user3680936 · Accepted Answer · 2014-05-28 12:08:57Z

0

if (count($_GET) && $_GET['val'] == '1'){
}

answered May 28, 2014 at 12:08

user3680936

93 bronze badges

Collectives™ on Stack Overflow

how to pass < input > value to php using ajax load

3 Answers 3

1 Comment

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related