Home/ Questions/Q 6612375
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T20:05:28+00:00

jquery-ajax: pass values from a textfield to php file and show the value i

  • 0

jquery-ajax: pass values from a textfield to php file and show the value

i made a variation of the link above this time using only one file and no div tag.

test.php

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#submit").click(function(){

    var dataString = $("#inputtext").val();

     $.ajax({
             type: "POST",
             url: "test.php",
             data: "dataString=" + dataString,
             success: function(result){
                 window.location.reload(true);
              }
          });   
  

    window.location.reload(true);
  });
});
</script>
</head>
<body>

<input type="text" id="inputtext">
<input type="button" id="submit" value="send">



<?PHP

if(isset($_POST['dataString'])){

$searchquery = trim($_POST['dataString']);

print "Hello " . $searchquery;

}

?>

</body>
</html>

value from dataString won’t show. why?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Sorry for the question, but what’s the point of using ajax to reload the same page?? Use it to call another page and then load the result, not the way you’re doing it.
    Try this

    In test.php:

    $("#submit").click(function(){

    var dataString = $("#inputtext").val();

     $.ajax({
             type: "POST",
             url: "anothepage.php",
             data: dataString,
             success: function(result){
                 $('#result').html(result).
              }
          });   
     return false; //so the browser doesn't actually reload the page
  });

    And you should actually use a form, not just inputs. And use the name attribute for them, or php won’t pick the value! ID is for javascript and css.

        <form method="POST" action="">
    <input type="text" id="inputtext" value="" name="inputtext">
    <input type="submit" id="submit" value="send" name="submit">
    </form>

<div id="result"> <!-- result from ajax call will be written here --> </div>

    In anotherpage.php:

    if(isset($_POST['inputtext'])){

$searchquery = trim($_POST['inputtext']);

echo htmlentities($searchquery); // We don't want people to write malicious scripts here and have them printed and run on the page, wouldn't we? 
}
    • 0