jquery and IE submit, ajaxForm not working

Question

I have a form:

<form method="post" action="/balda/server.wsgi" id="gameboard" name="gameboard" >

with a submit button:

<input type="submit" name="submit" value="Поиск" style="" onmouseover="CheckElements();">

the submit button should send ajax bind process:

jQuery(document).ready(function(){ jQuery('#gameboard').submit( function() { $.ajax({ url : $(this).attr('action'), type : $(this).attr('method'), dataType: 'json', data : $(this).serialize(), success : function( data ) { onAjaxSuccess( data ); } }); return false; }); });

There are accepted function:

function onAjaxSuccess (result)

All this works fine in chrome, ff, opera, safari, but it does not work in Internet Explorer 9 (others not tried it)

In IE9, the result variable is empty. I tried another bind submit button like this:

$('document').ready(function( result ) { $('#gameboard').ajaxForm( { type: "POST", data : $(this).serialize(), success: onAjaxSuccess, dataType: 'json', error: function(){ alert ( 'Error loading data format.' ); } }); });

But the result is the same ff chrome safari opera work, except for IE9 .

Please tell me what could be the problem.

iqmaker · Accepted Answer · 2012-05-13 20:00:51Z

4

The problem was that IE9 does not understand the format of "JSON" in the encoding cp1251, even though it is clearly stated in the response header. Translation of the JSON response in utf-8 solved the problem with IE9.

answered May 13, 2012 at 20:00

iqmaker

2,27227 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

muthu Over a year ago

How would i do the Translation of the JSON response in utf-8 ?

Harry Chow Over a year ago

I had the same issue. Following this advice, I removed dataType:'json' and I was able to get the results from the form.

somdow Over a year ago

damn is this still the case? im searching for ways to make this happen but to no avail

user1249679 · Accepted Answer · 2012-05-12 13:35:27Z

make sure there is no space in the type="text/javascript" if there is space in defining type of script then IE wont allows your js to work

<script type="text/javascript"> ....... </script>

I said, but "function onAjaxSuccess (result)" is called only result empty. A type like all good. Application is available on the poncy . ru / balda Sorry for my english again

Collectives™ on Stack Overflow

jquery and IE submit, ajaxForm not working

2 Answers 2

3 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Linked

Related