Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Help with JQuery!

Posted on 2009-06-30
5
Medium Priority
?
665 Views
Last Modified: 2013-12-08
Hi,

I am using JQuery to submit contact forms and ratings to my server from the user. My server responses with xml that is processed by the subspacecomm function, which I have not posted. The script I did include works, but in IE6 (which accounted for 19% of my hits this month) it simply just is silent after clicking the button.

The behavior should be User Click > Form Serialize > Post to URL > Receive Data > Parse with Function > Modify HTML with Response. IE seems to execute all events except for the parsing. Is there a solution to this? I am receiving the data just fine (server side), but I would like to alert the user that we received the data.

I would be willing to accept a method that checked for the div named message that is created in the parsing function.

It (the script as is) works in Firefox, but I have not tested it in Opera, Safari, or IE 7/8.

$(function() 
{
        $(".openchannel").click(function() 
        {
                // hide button
                $('#commbadge').hide();
                // submit attached form
                var submission = $("form").serialize() + "&jsubmit=true";
                // acquire the url to submit to
                var url = $("input#url").val();
                // submit form using ajax and expect an xml response
                $.post(url,submission,function(xml){subspacecomm(xml);});
                return false;
     });
});

Open in new window

0
Comment
Question by:dilithiumtoys
  • 2
  • 2
5 Comments
 
LVL 29

Expert Comment

by:Badotz
ID: 24750723
Not to be impertinent, but have you read the jquery documentation?

Knowing nothing of jquery, is your Ajax asynchonous? If so, where do you specify that?
0
 

Author Comment

by:dilithiumtoys
ID: 24751358
Yes I have read the documentation. This issue is browser specific. I wanted to know if anyone created a work around. AJAX is always asynchronous, therefore specification of that is not required.
0
 
LVL 29

Expert Comment

by:Badotz
ID: 24754236
>>AJAX is always asynchronous, therefore specification of that is not required.

Perhaps in some corners of the world, but certainly not the www world.

IE6 does not have a built-in XMLHttpRequest object - perhaps that is part of your problem?
0
 
LVL 82

Accepted Solution

by:
hielo earned 2000 total points
ID: 24768460
try this:
$(	function() 
	{
        $(".openchannel").click(function() 
        	{
                // hide button
                $('#commbadge').hide();
                // submit attached form
                var submission = $("form").serialize() + "&jsubmit=true";
                // acquire the url to submit to
                var url = $("input#url").val();
                // submit form using ajax and expect an xml response
                //$.post(url,submission,function(xml){subspacecomm(xml);} );
			 $.ajax(
			 	{"data":submission
			 	,"dataType":"xml"
				,"error":function (XMLHttpRequest, textStatus, errorThrown) { alert("Error occurred\n"+textStatus + " \n" +errorThrown);}
				,"success":function(xml,textStatus){alert("Request succeeded - processing response...\n" + xml);subspacecomm(xml);} 
			 	,"type":"POST"
				,"url":url
				,"complete":function (XMLHttpRequest, textStatus) {alert("The ajax request completed with status: " + textStatus);}
				}
			 );
                return false;
     	});
	}
);

Open in new window

0
 

Author Closing Comment

by:dilithiumtoys
ID: 31598563
Thank you so much! I was able to get a response out of IE that there wasnt a parser available. I can customize this to alert the user that the request was sent.
0

Featured Post

Ask an Anonymous Question!

Don't feel intimidated by what you don't know. Ask your question anonymously. It's easy! Learn more and upgrade.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

#Citrix #Internet Explorer #Enterprise Mode #IE 11 #IE 8
When you put your credit card number into a website for an online transaction, surely you know to look for signs of a secure website such as the padlock icon in the web browser or the green address bar.  This is one way to protect yourself from oth…
The viewer will learn how to dynamically set the form action using jQuery.
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…
Suggested Courses

783 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question