Replace Content from AJAX Result (SACK)

Expand Post »

In this example, I want "ABC" to be replaced with "XYZ":
http://pastehtml.com/view/1avqmak.html

I am posting data using AJAX and I want to use JavaScript to replace the response before the response is returned. If you test the link above you will see the issue.

Here is my code:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<!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">
<head>
<title>Example</title>
<script type="text/javascript" src="http://www.twilightuniverse.com/downloads/sack/tw-sack.js"></script>
</head>
<body>
 
<div id="r"></div>
 
<input type="button" value="Click Here to Test" onclick="runAjax()" />
 
<script type="text/javascript">
/*<![CDATA[*/
 
function runAjax() {
 
	var aj = new sack();
	aj.setVar('item', 'value');
	aj.requestFile = 'submit.html';
	aj.method = 'POST';
	aj.element = 'r';
	aj.runAJAX();
	alert('I want ABC to be replaced with XYZ.');
 
}
 
/*]]>*/
</script>
 
</body>
</html>
<!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">
<head>
<title>Example</title>
<script type="text/javascript" src="http://www.twilightuniverse.com/downloads/sack/tw-sack.js"></script>
</head>
<body>

<div id="r"></div>

<input type="button" value="Click Here to Test" onclick="runAjax()" />

<script type="text/javascript">
/*<![CDATA[*/

function runAjax() {

	var aj = new sack();
	aj.setVar('item', 'value');
	aj.requestFile = 'submit.html';
	aj.method = 'POST';
	aj.element = 'r';
	aj.runAJAX();
	alert('I want ABC to be replaced with XYZ.');

}

/*]]>*/
</script>

</body>
</html>

Similar Threads

Ajax - Third party web content in JavaScript / DHTML / AJAX
Write content with AJAX in JavaScript / DHTML / AJAX
How to fill the content with Ajax AFTER page fully loaded in JavaScript / DHTML / AJAX
Ajax Tabs Content Script in JavaScript / DHTML / AJAX
The disappearing web: Ajax banjaxed by Google in IT Professionals' Lounge

hknight

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

11 posts
since Dec 2008

Permalink

Sep 3rd, 2010

Re: Replace Content from AJAX Result (SACK)

I figured it out. Here is the working code:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
            var aj = new sack();
            aj.requestFile = f.getAttribute('action');
            aj.method = f.getAttribute('method').toUpperCase();
            aj.onCompletion = function () {
                if (document.getElementById(win)) document.getElementById(win).innerHTML = aj.response.replace(/ABC/g, 'XYZ');
            };
            aj.runAJAX();
            var aj = new sack();
            aj.requestFile = f.getAttribute('action');
            aj.method = f.getAttribute('method').toUpperCase();
            aj.onCompletion = function () {
                if (document.getElementById(win)) document.getElementById(win).innerHTML = aj.response.replace(/ABC/g, 'XYZ');
            };
            aj.runAJAX();

hknight

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

11 posts
since Dec 2008

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Show / Hide table rows via checkboxes

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Radio Button onClick Javascript calling only once

DaniWeb Message

Cancel Changes

User Name
Password