[Resolved] Not able to get AJAX to fire? Search is always reloading the page.

[Author]

Posts

[michaelS-53]

We have it set up so users can search the title of a Game Review by a title, and I'd like it to show results without reloading. I've made sure our jquery.js is firing properly and all that, but it doesn't seem to be working?

Page in question where you can see the search form and filter: hidden link

[Luo Yang]

Hello,

I assume we are talking about those AJAX pagination links of the URL you mentioned above, I have tried it in my Chrome browser, it works fine, see screenshot ajax-pagination.JPG

Is this problem resolved? please let me know if you need more assistance for it, thanks

[michaelS-53]

Hi Luo,

It's not the pagination, but when people input search terms in the box. It always does a full page reload.

[Luo Yang]

Thanks for the details, I assume we are talking about the "Search" submit button.

The problem is that "Search" submit button is in outside of custom search form, you will need to move it into custom search form, and test again.

[michaelS-53]

I'm not sure how to do that? I have it set inside the filter.

[Luo Yang]

I have tried it in a fresh WP installation + the latest version of Toolset plugins in my localhost, it works fine.

So the problem you mentioned above is abnormal, and in your screenshot:
https://toolset.com/wp-content/uploads/2020/06/1667795-search.png

There are some required elements missing in your codes, for example:

[wpv-filter-start hide="false"]
...
[wpv-filter-end]

I suggest you check these:
1) Make sure you are using the latest version of Toolset plugins, you can download them here:
https://toolset.com/account/downloads/

2) Create a new view manually, and test again.

3) In case it is a compatibility problem, please deactivate all other plugins, and switch to wordpress default theme 2020, and test again

[michaelS-53]

My issue is resolved now. Thank you!