HTTP Request from JavaScript

[harmiksingh]

Hi,
I am trying to create and send a HTTP Request from a .js file to my server. But when I do this using the GET method and send the necessary parameters along in the URL, i have a problem. That at times the URL length goes beyond 255 characters and the request is rejected.

Then I tried the same using the HTTP POST method and using the XmlHttpRequest. send() method. The problem here is that, this method is too slow and the browser hangs if i do this in synchronous mode (xmlhttprequest .open('POST', "../MainView", false)). But this behavior is not acceptable.

So can some one suggest me an alternative to send the HTTP request, in such a manner that I can also accommodate all my parameters and it is faster than XmlHttpRequest

TIA
Harmik

[acoder]

Welcome to The Scripts

Instead of using the synchronous method, use asynchronous (the A in AJAX). See this page for more info.

[harmiksingh]

Welcome to The Scripts

Instead of using the synchronous method, use asynchronous (the A in AJAX). See this page for more info.

Thanks a lot for your response. But the problem here is that I need to send the HTTP Request synchronously.

So what I would appreciate is an alternative method to send the request ...

TIA
Harmik

[acoder]

Is there any particular reason why you must send it synchronously? It is unreliable performance-wise and unfriendly usability-wise, and can cause the browser to hang as you're experiencing.

[harmiksingh]

Is there any particular reason why you must send it synchronously? It is unreliable performance-wise and unfriendly usability-wise, and can cause the browser to hang as you're experiencing.

The reason for this is that I'm using this request to delete some records from a grid in the UI. So i can't show any status to the user (for the delete operation) till I get a response back. Do u have any suggestions on this.

Also is it true that HTTP1.1 supports unlimited character length in the URL's (and not limited to 255 characters)

Regards
Harmik

[steven]

The reason for this is that I'm using this request to delete some records from a grid in the UI. So i can't show any status to the user (for the delete operation) till I get a response back. Do u have any suggestions on this.

Also is it true that HTTP1.1 supports unlimited character length in the URL's (and not limited to 255 characters)

Regards
Harmik

That's exactly what Asynchronous operations are for. Do the work in the background, then dynamically display the status / changes, once the operation has completed, without reloading the page. If you think it will take some time for the operation to complete, you can display a small "working" animation, like a loading bar, or a spinning loading animations, then once the operation is complete, remove the animation and make the changes on the page. This way, the user isn't waiting on that result, they can also do other things on the page, whilst they're waiting.

[acoder]

You can still do it asynchronously. Just use the onreadystatecha nge to check the status. When its complete, it will be set to 4. See here for more details.

[acoder]

That's exactly what Asynchronous operations are for. Do the work in the background, then dynamically display the status / changes, once the operation has completed, without reloading the page. If you think it will take some time for the operation to complete, you can display a small "working" animation, like a loading bar, or a spinning loading animations, then once the operation is complete, remove the animation and make the changes on the page. This way, the user isn't waiting on that result, they can also do other things on the page, whilst they're waiting.

Yes, Steven, good explanation.

[harmiksingh]

Yes, Steven, good explanation.

Thanks a lot guys ... for all the help and guidance ...

Cheers
Harmik

[acoder]

You're welcome.

[pankajit09]

That's exactly what Asynchronous operations are for. Do the work in the background, then dynamically display the status / changes, once the operation has completed, without reloading the page. If you think it will take some time for the operation to complete, you can display a small "working" animation, like a loading bar, or a spinning loading animations, then once the operation is complete, remove the animation and make the changes on the page. This way, the user isn't waiting on that result, they can also do other things on the page, whilst they're waiting.

Can anyone give me a sample code for loading animation and then unloading?

[acoder]

Can anyone give me a sample code for loading animation and then unloading?

One way is to have a hidden div (visibility:hid den) which already contains the image. When you make the Ajax request, set it to visible.

[pankajit09]

One way is to have a hidden div (visibility:hid den) which already contains the image. When you make the Ajax request, set it to visible.

How to load the animation for Synchronous Ajax request?

[acoder]

How to load the animation for Synchronous Ajax request?

The same, but the animation may not run properly because with a synchronous request, the browser waits for the response. Why use a synchronous request anyway? It's better to just refresh the page instead.

[pankajit09]

The same, but the animation may not run properly because with a synchronous request, the browser waits for the response. Why use a synchronous request anyway? It's better to just refresh the page instead.

Actually I want to freeze the background while the Ajax is going on and also showing a GIF image(progress) .

How to do that ?