JavaScript Using jquery plugin for pagination, when load 50k records it causing entire system to freez. how to solve this? using jquery plugin in angular,using jquery plugin in react,

I need to do, when user enter number in input box and click on button to get data, then it call a java method which returns the Array list of records,now in jsp page data need to be store in table format. By jquery plugin adds pagination,searching and sorting.

The data i get from the method about 50k(records).

I followed this link to add pagination and all, https://datatables.net/examples/basic_init/alt_pagination.html

The problem with this, taking about 2 to 3 mins to load the page and causing system to be hang.

From the method data is coming within faster i.e, within seconds.

If it is 500 to 1000 records it displays faster. when data increases it causing entire system to halt. It prompt to continue or stop (js).

Errors : Prompt to continue or stop scripting. A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete.

Script: https://code.jquery.com/jquery-1.11.3.min.js:4

And i tried without any scripts it taking max 2 to 3 mins....

Is their any feasible solution for this problem.

Thanks.

Answer:1

Have a simple div array with values that the user will choose from and an "other" field where they can put in their own number. I have a clearing div (lower right) that will clear the selection and ...

Have a simple div array with values that the user will choose from and an "other" field where they can put in their own number. I have a clearing div (lower right) that will clear the selection and ...

  1. javascript stoppropagation not working
  2. javascript stoppropagation not working in firefox
  3. javascript stoppropagation doesn't work
  4. javascript event.stoppropagation not working

How do you modify the function below to make the second parameter optional? TypeScript: function getName(name: string, { lastName }: { lastName: string }) { // ... } getName('John'); /...

How do you modify the function below to make the second parameter optional? TypeScript: function getName(name: string, { lastName }: { lastName: string }) { // ... } getName('John'); /...

I have a a component that needs to check for multiple options and return based on those options. Therefore I have created an outside function that is called in my component return statement to ...

I have a a component that needs to check for multiple options and return based on those options. Therefore I have created an outside function that is called in my component return statement to ...

  1. return from function python
  2. return from function bash
  3. return from function javascript
  4. return from function matlab
  5. return from function r
  6. return from function powershell
  7. return from function vba
  8. return from function ruby
  9. return from function in shell script
  10. return from function rust
  11. return from function gdb
  12. return from function lisp
  13. return from function c
  14. return from function golang
  15. return from function kotlin
  16. return from function js
  17. return from function php
  18. return from function elixir
  19. return from function java
  20. return from function react

I have a Web API and I'm trying to get JSON Data from it by using Vue, but I get neither data or errors, so I don't what is wrong. I want to load the data when the page is loaded. Here is my code: ...

I have a Web API and I'm trying to get JSON Data from it by using Vue, but I get neither data or errors, so I don't what is wrong. I want to load the data when the page is loaded. Here is my code: ...

  1. fetch data with react hooks
  2. fetch data with react
  3. fetch data with axios
  4. fetch data with javascript
  5. fetch data with redux
  6. fetch data with ajax
  7. fetch data with redux thunk
  8. fetch data with mysqli php
  9. fetch data with ajax in php
  10. fetch data with usereducer
  11. fetch data with pdo
  12. fetch data with jquery
  13. fetch data with redux saga
  14. fetch data with react redux
  15. fetch data with php
  16. fetch data with json
  17. fetch data with angular
  18. fetch data with post
  19. fetch data with jquery ajax
  20. fetch data with sql