Welcome Guest, Not a member yet? Register   Sign In
JQuery Problem Usring Mozila Browser
#1

[eluser]ImArfan[/eluser]

I am trying to submit form using JQuery Ajax request fail in Mozila Browser... But on the other hand same JQuery Ajax working in IE. Where is the problem...
Error Messege : Error occured during Ajax request...
#2

[eluser]HawkEyez[/eluser]
i'm also facing the same problem.
#3

[eluser]ImArfan[/eluser]
Don'nt worry buddy... be patient some one will help us... just wait and watch...
#4

[eluser]LuckyFella73[/eluser]
I fear you will have to be veeery patient waiting for a hint
unless you provide more details about your problem Wink

Some lines of code and the full error message would be a good
start.
#5

[eluser]Nick Husher[/eluser]
By "Mozilla" I hope you mean "Firefox." Mozilla was phased out years ago. Still, we need to know more about the parameters of the problem.
#6

[eluser]ElToro[/eluser]
Are you trying to do ajax call back to same server where pages are were downloaded? Cross Site Ajax calls are denied in Firefox. JSON queries should work on both.
#7

[eluser]Nick Husher[/eluser]
Cross-site ajax requests are banned on IE as well, if I remember correctly.
#8

[eluser]thinkigniter[/eluser]
Try MALS jquery plugin...
www.malsup.com

Simply design your form in the normal CI way then
add this to your script tag

This is wripped from malsup.com
Code:
// prepare the form when the DOM is ready
$(document).ready(function() {
    var options = {
        target:        '#output1',  
// target element(s) to be updated with server response
        beforeSubmit:  showRequest,  // pre-submit callback
        success:       showResponse  // post-submit callback
// other available options:
//url:       url         // override for form's 'action' attribute
//type:      type        // 'get' or 'post', override for form's 'method' attribute
//dataType:  null        // 'xml', 'script', or 'json' (expected server response type)
//clearForm: true        // clear all form fields after successful submit
//resetForm: true        // reset the form after successful submit
// $.ajax options can be used here too, for example:
//timeout:   3000
    };

// bind form using 'ajaxForm'
    $('#myForm1').ajaxForm(options);
});

// pre-submit callback
function showRequest(formData, jqForm, options) {
// formData is an array; here we use $.param to convert it to a string to display it
// but the form plugin does this for you automatically when it submits the data
    var queryString = $.param(formData);

// jqForm is a jQuery object encapsulating the form element.  To access the
// DOM element for the form do this:
// var formElement = jqForm[0];

    alert('About to submit: \n\n' + queryString);

// here we could return false to prevent the form from being submitted;
// returning anything other than false will allow the form submit to continue
    return true;
}

// post-submit callback
function showResponse(responseText, statusText)  {
// for normal html responses, the first argument to the success callback
// is the XMLHttpRequest object's responseText property

// if the ajaxForm method was passed an Options Object with the dataType
// property set to 'xml' then the first argument to the success callback
// is the XMLHttpRequest object's responseXML property

// if the ajaxForm method was passed an Options Object with the dataType
// property set to 'json' then the first argument to the success callback
// is the json data object returned by the server

    alert('status: ' + statusText + '\n\nresponseText: \n' + responseText +
        '\n\nThe output div should have already been updated with the responseText.');
}




Theme © iAndrew 2016 - Forum software by © MyBB