Search jQuery

jQuery Forum

Ajax form not working with IE and Opera

in Using jQuery • 9 years ago

I've hit my head against the walls for hours on this one, searching the internet for ideas and trying everything I can come up with. Yet I still can't explain why my simple little ajax call works in Chrome/FF/Safari but not in IE or Opera.

Here's the test page, it's a zip code based store locator search. (Although the PHP is being hosted on a different domain.)

JQUERY

using Google jsapi autoloader for jQuery 1.7.1 and jQueryUI 1.8.17
also have jQuery Validate 1.9 and jQuery Forms

AJAX

<script type="text/javascript">
$(document).ready(function() {
$('#zipper').submit(function() { // catch the form's submit event
$.ajax({ // create an AJAX call...
type: $(this).attr('method'), // GET or POST
url: $(this).attr('action'), // the file to call
data: $(this).serialize(), // get the form data
cache: false,
success: function(response) { // on success..
$('#created').html(response) // update the DIV
}
});
return false; // cancel original event to prevent form submitting
});
});
</script>

FORM

<form action="http://washingtonguard.colliertech.org/ngb/recruiter.php" method="get" enctype="application/x-www-form-urlencoded" name="zipper" id="zipper">
<label for="zip">Enter your zipcode:</label>
<input type="text" name="zip" id="zip"/>
<input type="submit" name="submit" value="Search" />
</form>

DIV

<div id="created" class="created"></div>

The few times I've gotten it to half way work my results always end up on a blank page rather than in the specified div.

Any ideas as to what I'm missing here?

Replies(3)

jay.blanc..

Re: Ajax form not working with IE and Opera

9 years ago

It is a cross-domain request which is typically subject to the same origin policy. You may have to look at another method (SOAP, REST) to get the widget to work across domains.

trucknut

Re: Re: Ajax form not working with IE and Opera

9 years ago

If cross-domain is the issue then why does it work in chrome/ff/safari but not IE/opera? Wouldn't a cross-domain issue be blocking all browsers?

trucknut

Re: Ajax form not working with IE and Opera

9 years ago

This code from user jkrinksy (posted here) fixed my problem with IE

...but not Opera

$.ajaxTransport("+*", function( options, originalOptions, jqXHR ) {

    if(jQuery.browser.msie && window.XDomainRequest) {

        var xdr;

        return {

            send: function( headers, completeCallback ) {

                // Use Microsoft XDR
                xdr = new XDomainRequest();

                xdr.open("get", options.url);

                xdr.onload = function() {

                    if(this.contentType.match(/\/xml/)){

                        var dom = new ActiveXObject("Microsoft.XMLDOM");
                        dom.async = false;
                        dom.loadXML(this.responseText);
                        completeCallback(200, "success", [dom]);

                    }else{

                        completeCallback(200, "success", [this.responseText]);

                    }

                };

                xdr.ontimeout = function(){
                    completeCallback(408, "error", ["The request timed out."]);
                };

                xdr.onerror = function(){
                    completeCallback(404, "error", ["The requested resource could not be found."]);
                };

                xdr.send();
          },
          abort: function() {
            if(xdr)xdr.abort();
          }
        };
    }
    });

Top Reply

Response title

Attachments

jQuery Forum

Ajax form not working with IE and Opera

Replies(3)

Re: Ajax form not working with IE and Opera

Re: Re: Ajax form not working with IE and Opera

Re: Ajax form not working with IE and Opera

Statistics

Tags

Actions