JavaScript

<script type="text/javascript" src="myurl/myscript.js"></script>

// Event handler attachment that attachs the showItem handler to the click event.
$(document).on('click', '.itemHeader', showItem);

// Causes the previously unhidden hideableItem to hide and shows the current clicked item
// thereby providing the accordion effect.
function showItem() {
    // Get the parent of the item that was previously clicked.
    var priorSelectedParent = $('.itemHeaderSelected').parent().attr('id');
    $('#' + priorSelectedParent + ' .hideableItem').slideUp('slow');
    $('#' + priorSelectedParent + ' .itemHeaderSelected').addClass('itemHeader');
    $('#' + priorSelectedParent + ' .itemHeader').removeClass('itemHeaderSelected');
    // Get the parent of the item that was clicked.
    var headerParent = $(this).parent().attr('id');
    $('#' + headerParent + ' .hideableItem').slideDown('slow');
    $('#' + headerParent + ' .itemHeader').addClass('itemHeaderSelected cornersRoundSmall');
    $('#' + headerParent + ' .itemHeaderSelected').removeClass('itemHeader');
}

// On pages that utilize the accordion effect this causes the div class openingHeader
// to open after the page loads.
function hidingItems() {
    $('.hideableItem').hide();
    // Needed to add a slight time delay before triggering the click event.
    setTimeout(function () {
        // Select the 'Summary' section be open after the page loads.
        $('.openingHeader').trigger('click');
    }, 10);
}

<li class="selectionItem"><%= Ajax.ActionLink("Background","Background", new AjaxOptions{UpdateTargetId="columnContent", OnSuccess="hidingItems"}) %></li>

<pre lang="cs">
var image = document.getElementsByTagName(&#39;img&#39;)[9];
alert(image.src);
//(Just to clarify again (image.src) is a thing like [http://random.com/random.jpg] which is purely random pic shown after every request.

var req =new XMLHttpRequest();
req.open(&amp;quot;GET&amp;quot;, image.src, true);
  req.onreadystatechange = function() {
      if (req.readyState == 4) {
        if (req.status == 200) {
var data =req.responseText;

//following try to append the same image but the result is different
var data_array = [];
    for (var i = 0; i &amp;lt; data.length; i++)
      {
        data_array.push(data[i].charCodeAt(0) &amp;amp; 0xff);
      }

for (var i = 0; i &amp;lt; 10; i++)
      {
 var o = document.body;
var div = document.createElement(&amp;quot;div&amp;quot;);
 div.innerHTML = data_array[i];
    o.appendChild(div);
}
        }
      }
    };
&lt;/pre&gt;</pre>

var image = document.getElementsByTagName('img')[9];
alert(image.src);
//(Just to clarify again (image.src) is a thing like [http://random.com/random.jpg] which is purely random pic shown after every request.

var o = document.body;
var copy = document.createElement("img");
copy.src = image.src;
o.appendChild(copy);

Ali Al Omairi(Abu AlHassan) wrote:

The response come from the server cannot be fetch by XMLHttpRequest because its not XML based.