Step:1 – Create first html page. with any name example(search.html)
Step:2 – Create a second Html page.with any name example(page-one.html)
Step:3 Then create a json page like that (data.json).
let Start to crate html page: Step:1
![](https://www.devopsschool.com/blog/wp-content/uploads/2020/06/search-1-1024x610.png)
![](https://www.devopsschool.com/blog/wp-content/uploads/2020/06/step-ii-1024x613.png)
![](https://www.devopsschool.com/blog/wp-content/uploads/2020/06/scropt-1024x498.png)
After save this page and run on the browser it will look like this.
![](https://www.devopsschool.com/blog/wp-content/uploads/2020/06/browser-1024x446.png)
Step:2– Then create second page of html
![](https://www.devopsschool.com/blog/wp-content/uploads/2020/06/page-one-1024x638.png)
Step:3– Then create the data json page (data.json)
![](https://www.devopsschool.com/blog/wp-content/uploads/2020/06/datajson-1024x576.png)
And finally we can search page whatever put the keyword name.
![](https://www.devopsschool.com/blog/wp-content/uploads/2020/06/cancer-1024x368.png)
Latest posts by sam (see all)
- AJAX Crud with laravel 5.8 - October 29, 2021
- Upload image in the database with local folder and image send mail. - October 23, 2020
- How to protect .env file in Laravel. - September 10, 2020