PHP Demo
PHP Code
Output
$search_term=$_REQUEST["term"]; if( $search_term ){ $chkstring = 'Following is a strpos demo with jQuery $.ajax 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(); $.ajax({url:"strpos-php.php",data:{term:searchterm},success: function(searchresult){ $(".result").html(searchresult); }}); }); }); </script> <style> .result { background: #5BB75B; height: auto; width:220px; border-radius: 15px; padding:20px; font-size:20px; color:#000; } .searchterm{ background: #6A0432; width:300px; border-radius: 15px; padding:20px; font-size:18px; color:#fff; } </style> </head> <div class="searchterm"> <p><h3>A demo of strpos with $.ajax</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 $.ajax
Enter a string:
Result: