Ajax Problem With Ie8

Yii 1.1 General Discussion
1

Godd morning to everyone.

I looked for in forums, but I didn’t solve this problem: ajax calls don’t work with IE8, while the same code works perfectly in Firefox.

Later in detail:

  1. My configuration is Apache/2.2.14 (Win32), Yii 1.1.13, IE 8.0.6001.18702, Firefox 18.0.2

  2. with Gii I created code automatically and now try to use cGridView in admin.php, but, when I try to order or go to the next page of the grid, the table disappears in IE, while everything works normally with Firefox

  3. after having read some posts in the forum, I also tested the grid in "Manage posts" page of "Blog" demo application (by default inserted in Yii), but I got the same behavior.

Can anyone give me some indication for the solution?

Thanks in advance

2

Could you write the wrong code and firebug errors?

3

You can find the code, for example, in yii\demos\blog with its PostController.php and admin.php. As i already told, the problem is in Yii default demo code, too.

As regards Firebug errors, since the problem is in IE and not in FF, there’s nothing. IE browser doesn’t show any error

4

Good morning ernie.

I just try the blog demo with IE 8.0.6001.18702 and it works fine for me.

Sorry, but I don’t know what’s wrong.

Is JavaScript enabled in your IE?

5

Yes, it’s enabled. Just for completeness, i’m testing all in localhost. Do you know some tool to debug in IE?

Thanks for your help

6

I think that IE has some security settings which makes it impossible to use AJAX properly on localhost.

Try setting up a virtual host.

7

Unfortunately, even if site isn’t at localhost, behaviour doesn’t change. More, localhost is a WAMP and the other server is a LAMP one.

I tried to debug with Fiddler and i saw that response has everything ok (see later), but grid isn’t shown in the browser, even if it’s sent in the response.

HTTP/1.1 200 OK

Date: Mon, 18 Feb 2013 14:37:52 GMT

Server: Apache/2.2.14 (Win32) mod_ssl/2.2.14 OpenSSL/0.9.8k

Expires: Thu, 19 Nov 1981 08:52:00 GMT

Cache-Control: no-store, no-cache, must-revalidate, post-check=0, pre-check=0

Pragma: no-cache

Keep-Alive: timeout=5, max=100

Connection: Keep-Alive

Transfer-Encoding: chunked

Content-Type: text/html; charset=utf8

4030

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;


&lt;meta name=&quot;language&quot; content=&quot;en&quot; /&gt;





&#60;&#33;-- blueprint CSS framework --&#62;


&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/yii/demos/blog/css/screen.css&quot; media=&quot;screen, projection&quot; /&gt;


&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/yii/demos/blog/css/print.css&quot; media=&quot;print&quot; /&gt;


&#60;&#33;--[if lt IE 8]&gt;


&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/yii/demos/blog/css/ie.css&quot; media=&quot;screen, projection&quot; /&gt;


&lt;&#33;[endif]--&#62;





&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/yii/demos/blog/css/main.css&quot; /&gt;


&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/yii/demos/blog/css/form.css&quot; /&gt;





&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/yii/demos/blog/assets/6433e41a/gridview/styles.css&quot; /&gt;

<link rel="stylesheet" type="text/css" href="/yii/demos/blog/assets/1574112/pager.css" />

<script type="text/javascript" src="/yii/demos/blog/assets/b0b946d5/jquery.min.js"></script>

<script type="text/javascript" src="/yii/demos/blog/assets/b0b946d5/jquery.ba-bbq.min.js"></script>

<title>Yii Blog Demo - Admin Post</title>

</head>

<body>

<div class="container" id="page">

&lt;div id=&quot;header&quot;&gt;


	&lt;div id=&quot;logo&quot;&gt;Yii Blog Demo&lt;/div&gt;


&lt;/div&gt;&#60;&#33;-- header --&#62;





&lt;div id=&quot;mainmenu&quot;&gt;


	&lt;ul id=&quot;yw5&quot;&gt;

<li><a href="/yii/demos/blog/index.php/post/index">Home</a></li>

<li><a href="/yii/demos/blog/index.php/site/page?view=about">About</a></li>

<li><a href="/yii/demos/blog/index.php/site/contact">Contact</a></li>

<li><a href="/yii/demos/blog/index.php/site/logout">Logout (demo)</a></li>

</ul> </div><!-- mainmenu -->

&lt;div class=&quot;breadcrumbs&quot;&gt;

<a href="/yii/demos/blog/index.php">Home</a> &raquo; <span>Manage Posts</span></div><!-- breadcrumbs -->

&lt;div class=&quot;container&quot;&gt;


&lt;div class=&quot;span-18&quot;&gt;


	&lt;div id=&quot;content&quot;&gt;


		&lt;h1&gt;Manage Posts&lt;/h1&gt;

<div id="yw0" class="grid-view">

<div class="summary">Displaying 1-15 of 16 results.</div>

<table class="items">

<thead>

<tr>

<th id="yw0_c0"><a class="sort-link asc" href="/yii/demos/blog/index.php/post/admin?Post_sort=title.desc&amp;ajax=yw0">Title</a></th><th id="yw0_c1"><a class="sort-link" href="/yii/demos/blog/index.php/post/admin?Post_sort=status&amp;ajax=yw0">Status</a></th><th id="yw0_c2"><a class="sort-link" href="/yii/demos/blog/index.php/post/admin?Post_sort=create_time&amp;ajax=yw0">Create Time</a></th><th class="button-column" id="yw0_c3">&nbsp;</th></tr>

<tr class="filters">

<td><input name="Post[title]" type="text" maxlength="128" /></td><td><select name="Post[status]">

<option value=""></option>

<option value="1">Draft</option>

<option value="2">Published</option>

<option value="3">Archived</option>

</select></td><td>&nbsp;</td><td>&nbsp;</td></tr>

</thead>

<tbody>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/15/0%27i%C3%A0">0'ià</a></td><td>Draft</td><td>2013/02/18 11:32:17 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=15"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=15"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=15"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="even">

<td><a href="/yii/demos/blog/index.php/post/5/4574">4574</a></td><td>Draft</td><td>2013/02/18 11:30:59 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=5"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=5"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=5"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/4/54745">54745</a></td><td>Draft</td><td>2013/02/18 11:30:43 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=4"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=4"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=4"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="even">

<td><a href="/yii/demos/blog/index.php/post/16/67i">67i</a></td><td>Draft</td><td>2013/02/18 11:32:24 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=16"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=16"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=16"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/2/A+Test+Post">A Test Post</a></td><td>Published</td><td>2009/01/03 04:09:47 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=2"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=2"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=2"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="even">

<td><a href="/yii/demos/blog/index.php/post/1/Welcome%21">Welcome!</a></td><td>Published</td><td>2009/01/03 04:09:47 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=1"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=1"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=1"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/14/ert">ert</a></td><td>Draft</td><td>2013/02/18 11:32:12 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=14"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=14"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=14"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="even">

<td><a href="/yii/demos/blog/index.php/post/13/ity">ity</a></td><td>Draft</td><td>2013/02/18 11:32:07 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=13"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=13"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=13"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/12/j%2Cg">j,g</a></td><td>Draft</td><td>2013/02/18 11:31:58 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=12"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=12"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=12"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="even">

<td><a href="/yii/demos/blog/index.php/post/10/po%C3%A0uo">poàuo</a></td><td>Draft</td><td>2013/02/18 11:31:39 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=10"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=10"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=10"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/6/sfgbs">sfgbs</a></td><td>Draft</td><td>2013/02/18 11:31:14 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=6"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=6"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=6"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="even">

<td><a href="/yii/demos/blog/index.php/post/8/srt">srt</a></td><td>Draft</td><td>2013/02/18 11:31:26 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=8"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=8"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=8"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/7/uky">uky</a></td><td>Draft</td><td>2013/02/18 11:31:20 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=7"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=7"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=7"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="even">

<td><a href="/yii/demos/blog/index.php/post/9/w4sm+">w4sm </a></td><td>Draft</td><td>2013/02/18 11:31:34 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=9"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=9"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=9"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

<tr class="odd">

<td><a href="/yii/demos/blog/index.php/post/11/yilpo">yilpo</a></td><td>Draft</td><td>2013/02/18 11:31:46 AM</td><td class="button-column"><a class="view" title="View" href="/yii/demos/blog/index.php/post/view?id=11"><img src="/yii/demos/blog/assets/6433e41a/gridview/view.png" alt="View" /></a> <a class="update" title="Update" href="/yii/demos/blog/index.php/post/update?id=11"><img src="/yii/demos/blog/assets/6433e41a/gridview/update.png" alt="Update" /></a> <a class="delete" title="Delete" href="/yii/demos/blog/index.php/post/delete?id=11"><img src="/yii/demos/blog/assets/6433e41a/gridview/delete.png" alt="Delete" /></a></td></tr>

</tbody>

</table>

<div class="pager">Go to page: <ul id="yw1" class="yiiPager"><li class="first hidden"><a href="/yii/demos/blog/index.php/post/admin?Post_sort=title&amp;ajax=yw0">&lt;&lt; First</a></li>

<li class="previous hidden"><a href="/yii/demos/blog/index.php/post/admin?Post_sort=title&amp;ajax=yw0">&lt; Previous</a></li>

<li class="page selected"><a href="/yii/demos/blog/index.php/post/admin?Post_sort=title&amp;ajax=yw0">1</a></li>

<li class="page"><a href="/yii/demos/blog/index.php/post/admin?Post_sort=title&amp;ajax=yw0&amp;Post_page=2">2</a></li>

<li class="next"><a href="/yii/demos/blog/index.php/post/admin?Post_sort=title&amp;ajax=yw0&amp;Post_page=2">Next &gt;</a></li>

<li class="last"><a href="/yii/demos/blog/index.php/post/admin?Post_sort=title&amp;ajax=yw0&amp;Post_page=2">Last &gt;&gt;</a></li></ul></div><div class="keys" style="display:none" title="/yii/demos/blog/index.php/post/admin?Post_sort=title&amp;ajax=yw0"><span>15</span><span>5</span><span>4</span><span>16</span><span>2</span><span>1</span><span>14</span><span>13</span><span>12</span><span>10</span><span>6</span><span>8</span><span>7</span><span>9</span><span>11</span></div>

</div> </div><!-- content -->

&lt;/div&gt;


&lt;div class=&quot;span-6 last&quot;&gt;


	&lt;div id=&quot;sidebar&quot;&gt;


		&lt;div class=&quot;portlet&quot; id=&quot;yw2&quot;&gt;

<div class="portlet-decoration">

<div class="portlet-title">demo</div>

</div>

<div class="portlet-content">

<ul>

&lt;li&gt;&lt;a href=&quot;/yii/demos/blog/index.php/post/create&quot;&gt;Create New Post&lt;/a&gt;&lt;/li&gt;


&lt;li&gt;&lt;a href=&quot;/yii/demos/blog/index.php/post/admin&quot;&gt;Manage Posts&lt;/a&gt;&lt;/li&gt;


&lt;li&gt;&lt;a href=&quot;/yii/demos/blog/index.php/comment/index&quot;&gt;Approve Comments&lt;/a&gt; (0)&lt;/li&gt;


&lt;li&gt;&lt;a href=&quot;/yii/demos/blog/index.php/site/logout&quot;&gt;Logout&lt;/a&gt;&lt;/li&gt;

</ul></div>

</div>

		&lt;div class=&quot;portlet&quot; id=&quot;yw3&quot;&gt;

<div class="portlet-decoration">

<div class="portlet-title">Tags</div>

</div>

<div class="portlet-content">

<span class="tag" style="font-size:9pt"><a href="/yii/demos/blog/index.php/posts/blog">blog</a></span>

<span class="tag" style="font-size:9pt"><a href="/yii/demos/blog/index.php/posts/test">test</a></span>

<span class="tag" style="font-size:9pt"><a href="/yii/demos/blog/index.php/posts/yii">yii</a></span>

</div>

</div>

		&lt;div class=&quot;portlet&quot; id=&quot;yw4&quot;&gt;

<div class="portlet-decoration">

<div class="portlet-title">Recent Comments</div>

</div>

<div class="portlet-content">

<ul>

	&lt;li&gt;Tester on


	&lt;a href=&quot;/yii/demos/blog/index.php/post/2/A+Test+Post#c1&quot;&gt;A Test Post&lt;/a&gt;	&lt;/li&gt;


&lt;/ul&gt;&lt;/div&gt;

</div> </div><!-- sidebar -->

&lt;/div&gt;

</div>

&lt;div id=&quot;footer&quot;&gt;


	Copyright &amp;copy; 2013 by My Company.&lt;br/&gt;


	All Rights Reserved.&lt;br/&gt;


	Powered by &lt;a href=&quot;http://www.yiiframework.com/&quot; rel=&quot;external&quot;&gt;Yii Framework&lt;/a&gt;.	&lt;/div&gt;&#60;&#33;-- footer --&#62;

</div><!-- page -->

<script type="text/javascript" src="/yii/demos/blog/assets/6433e41a/gridview/jquery.yiigridview.js"></script>

<script type="text/javascript">

/<![CDATA[/

jQuery(function($) {

jQuery(document).on(‘click’,’#yw0 a.delete’,function() {

if(&#33;confirm('Are you sure you want to delete this item?')) return false;


var th = this,


	afterDelete = function(){};


jQuery('#yw0').yiiGridView('update', {


	type: 'POST',


	url: jQuery(this).attr('href'),


	success: function(data) {


		jQuery('#yw0').yiiGridView('update');


		afterDelete(th, true, data);


	},


	error: function(XHR) {


		return afterDelete(th, false, XHR);


	}


});


return false;

});

jQuery(’#yw0’).yiiGridView({‘ajaxUpdate’:[‘yw0’],‘ajaxVar’:‘ajax’,‘pagerClass’:‘pager’,‘loadingClass’:‘grid-view-loading’,‘filterClass’:‘filters’,‘tableClass’:‘items’,‘selectableRows’:1,‘enableHistory’:false,‘updateSelector’:’{page}, {sort}’,‘filterSelector’:’{filter}’,‘pageVar’:‘Post_page’});

});

/]]>/

</script>

</body>

</html>

0

8

With IE8, if you click F12, Development Tools are open.

And sorry for my late response.

Regards.