FORM Post result error if submit with Internet Explorer IE and Remote Server

[Stefan B.]

We use an EasyUi form and submit the form data with ajax call to the remote server. The server result is an JSON object.

With Firefox Browser all works fine. The request is send to server and the Result is OK.

With IE 10 the form event 'success' is not triggert, but the IE will save the remote server result as an xxx.json file!

Is this an bug with forms or an jQuery Problem or must we set some special attributes to the form element?

Code:

$('#form1').form({
  url:'addData.do',
 		
  //events of submit form data!
    onSubmit: function(param){ //Fires before submit, return false to prevent submit action.
	    	return true;
    },
    success: function(data) { //Fires when the form is submitted successfuly.
	//this is not called on IE
    	var parsedData= jQuery.parseJSON(data);		    
    }
});	

//Bind click handler to action button
 $('#btnWaveFormSubmit').bind('click', function(){
	$('#form1').form('submit');
 });

[jarry]

Please visit this tutorial http://www.jeasyui.com/tutorial/form/form1.php
This example works fine.
http://www.jeasyui.com/tutorial/form/form1_demo.html

[Stefan B.]

Yes this Demo works. But what is the result format of the action "form1_proc.php"?
It looks like "text/html" and not formated at application/json

Please try a test with an json object response.

We use an tomcat server and use Sping Framework with an java controller where we send results as JSON Objects.

Every time it works when we use jquery $(post) with the same action url.
But know we tests to use direct the easyui form object and then it not working  

[jarry]

The data returned from form1_proc.php is a simple string. In your example, you must convert your json string to JavaScript object. Please confirm if your returned data is correct. Try using firebug to console it out.

[Stefan B.]

Sorry, but the data are correct.
In firefox is working! Not in IE 

[BegeMode]

I have a similar problem in IE11:
after form.submit() immediately called form.success with empty data and then the controller action

in FF it works.

I changed the line 7524 in jquery.easyui-1.3.6.js ("onload" instead "load"):
 _44e.bind("onload", cb);

....and the form.success is not called in IE11

[BegeMode]

I found the error - if the form has an input field type="password", then the method form.success is called immediately
in IE11

[BegeMode]

i found solution: http://social.msdn.microsoft.com/Forums/ie/en-US/7d02173f-8f45-4a74-90bf-5dfbd8f9c1de/ie-11-issue-with-two-password-input-fields

[Stefan B.]

Hi BegeMode, we don't have any password fields. And the problem is not fixed.
So what should we do? I have not found any  solution for this problem!

[Stefan B.]

Is there anyone how can help me with this problem. It is not fixed!

I have found some information on web but i don't know how to fix it?

http://crazytechthoughts.blogspot.de/2011/01/get-json-data-response-with-jquery-form.html
http://stackoverflow.com/questions/8892819/ie8-treats-json-response-as-file-and-tries-to-download-it