Use jQuery to post data to php file

Question

I am making a search engine.I want to post the data from jquery to php.

Here is my code of jQuery

<script>
$(document).keypress(function(e) {
    if(e.which == 13 && $('#textfield').val()) {
        $.post("search_result.php",
        {
          wording: $('#textfield').val()              
        }, function() {
        window.location = "search_result.php";        
        }
        );
    }
});
</script>

Here is my code of php to get the wording:

<?php include('../include/common_top.php');


        $key_word = $_POST["wording"];
        var_dump($key_word);
?>

But what I get is a null value.Please help.

If you run $('#textfield').val() in the console, what do you see? — LeonardChallis
– LeonardChallis, Commented Oct 3, 2017 at 6:35

Barmar · Accepted Answer · 2017-10-03 06:36:52Z

3

You shouldn't redirect to the PHP script. That runs it a second time, but this time with no POST parameters.

The output of the PHP script from the AJAX request will be the argument to the callback function, you can display it from there.

$(document).keypress(function(e) {
    if(e.which == 13 && $('#textfield').val()) {
        $.post("search_result.php",
            {
              wording: $('#textfield').val()              
            }, function(result) {
                $("#somediv").text(result);   
            }
        );
    }
})

answered Oct 3, 2017 at 6:36

Barmar

789k57 gold badges555 silver badges669 bronze badges

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

5 Comments

Michael Over a year ago

Do you mean I should use the post function to change the div content of the php file?

Barmar Over a year ago

Yes. The point of using AJAX is so that you don't reload the page.

Michael Over a year ago

Thanks. What if I want to open a new php page not changing the div content?

Barmar Over a year ago

You could just submit the form.

Michael Over a year ago

Thank you very much. Really appreciate your solution.

Collectives™ on Stack Overflow

Use jQuery to post data to php file

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related