Ok, figured this out. IE is caching the previously called data. The
AJAX calls are using get instead of post. Simple fix...a timestamp
has been added to the end of my ajax call. This ensures that the page
url is always different. IE will not use its cached data any longer.
Hope this helps someone.
On Apr 20, 3:24 pm, Damian <[EMAIL PROTECTED]> wrote:
> Hello,
>
> I'm currently developing a small web application and IE (6 & 7 tested)
> is not functioning as expected when submitting information via AJAX.
> In each case, the data to be submited is being sent via a form that is
> brought into the page with a previous AJAX call.
>
> All other browsers (Firefox, Opera & Safari) that have been tested
> with the application function as expected.
>
> For example, A user is able to tag content created by them or sent to
> them from another user. A tag link is provided. When clicked it
> pulls in a form via the .load function that allows the user to enter
> tags and update.
>
> Lets say this is the first time that the user has tagged this item.
> The form displays and the input field is blank. The user enters data
> into the form and clicks the update button. The database is updated
> and all seems well. But, if the user clicks the "Tag" link again, the
> form displays in its original state (i.e. Blank). In all other
> browsers, when clicked again, the form displays the data that the user
> previously submitted. The only way to get IE to display the updated
> data is to clear its cache.
>
> How can I ensure that IE displays the updated form each time it is
> called?
>
> Here is the jQuery code:
>
> $("a.tag").click(function(){
>
> var y = $(this).attr("id");
> var i = y.split(".");
> var url = "http://www.siteurl.com/showtags/"; + i[2];
> $("div.message_forward").hide();
> $("div.message_tags").hide();
> $("div.message_publish").hide();
> $("div.loadoption:eq(" + i[1] + ")").toggle();
> $("div.message_tags:eq(" + i[1] + ")").load(url, function(){
> $("div.message_tags:eq(" + i[1] + ")").fadeIn("slow");
> $("div.loadoption:eq(" + i[1] + ")").toggle();
> $("form.tagtag").ajaxForm(updateTagOptions);
>
> }
> );
> return false;
>
> });
>
> var updateTagOptions = {
>
> success: tagResponse,
> resetForm: false};
>
> function tagResponse(responseText, statusText) {
>
> $(".message_tags").fadeOut("slow");
>
> }
>
> $("form.tagtag").submit(function(){
>
> $(this).ajaxSubmit(updateTagOptions);
> return false;});
