A demo to use strpos with $.post jQuery method

PHP Code

Output

$search_term=$_POST["term"];
if( $search_term ){
$chkstring = 'Following is a strpos demo with jQuery $.post method to check whether source string contains the search term or not, without reloading the webpage';
$termpos = strpos($chkstring, $search_term);

    
    if ($termpos === false) {
        echo "The search term '$search_term' is not found!";
    } else {
        echo "The search term '$search_term' found at: $termpos position!  ";
        
    }
   
}

The Markup and jQuery code

<!doctype html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script>
$(document).ready(function(){

$("#searchterm").change(function(){ 
searchterm=$("#searchterm").val();

        $.post("strpos-post.php", {term:searchterm},function(postresult){
        $(".result").html(postresult);
        });
    });
});
</script>

<style>
.result {
  background: #9FC5E3;
  height: auto;
  width:220px;
  padding:20px;
  font-size:20px;
  color:#000;   
}
.searchterm{
  background: #235278;
  width:300px;
  padding:20px;
  font-size:18px;
  color:#fff;   
}
</style>
</head>
<div class="searchterm">
<p><h3>A demo of strpos with $.post</h3></p>
<label>Enter a string:</label>
<input type="text" id="searchterm">

</div>
<p><h3>Result:</h3></p>
<div class="result"></div>
</body>
</html>

A demo of strpos with $.post

Enter a string: