Sunday, 15 September 2013

javascript - Using same Ajax function to return content into multiple divs -



javascript - Using same Ajax function to return content into multiple divs -

we have js ajax phone call using pull content , placing them in different divs on our page.

we have been creating new function each call, utilize 1 function them all. in attempting - updates lastly div position requested.

here requests:

<script type="text/javascript"> sendrequestfs('http://ourdomain.com/somepage.html', 'csad'); sendrequestfs('http://ourdomain.com/somepage1.html', 'fsad'); sendrequestfs('http://ourdomain.com/somepage2.html', 'tilead'); </script>

the divs on page:

<div id = 'csad'>cs here</div> <div id = 'fsad'>fs here</div> <div id = 'tilead'>tiles here</div>

and function using ... there way utilize same function each time?

function createrequestobjectfs() { var returnobj = false; if(window.xmlhttprequest) { returnobj = new xmlhttprequest(); } else if(window.activexobject) { seek { returnobj = new activexobject("msxml2.xmlhttp"); } grab (e) { seek { returnobj = new activexobject("microsoft.xmlhttp"); } grab (e) {} } } homecoming returnobj; } var httpfs = createrequestobjectfs(); var targetfs; // function call, give script file want run , // div want output to. function sendrequestfs(scriptfilefs, targetelementfs) { targetfs = targetelementfs; try{ // alert ("rqfs file: " + scriptfilefs + " target : " + targetelementfs); httpfs.open('get', scriptfilefs, true); } grab (e){ document.getelementbyid(targetfs).innerhtml = e; return; } httpfs.onreadystatechange = handleresponsefs; httpfs.send(); } function handleresponsefs() { if(httpfs.readystate == 4) { try{ // alert ("hrqfs"); var strresponsefs = httpfs.responsetext; document.getelementbyid(targetfs).innerhtml = strresponsefs; } grab (e){ document.getelementbyid(targetfs).innerhtml = e; } } }

i rearranged functions create work: http://jsfiddle.net/q2za2/1/

function createrequestobjectfs() { var returnobj = false; if(window.xmlhttprequest) { returnobj = new xmlhttprequest(); } else if(window.activexobject) { seek { returnobj = new activexobject("msxml2.xmlhttp"); } grab (e) { seek { returnobj = new activexobject("microsoft.xmlhttp"); } grab (e) {} } } homecoming returnobj; } // function call, give script file want run , // div want output to. function sendrequestfs(scriptfilefs, targetelementfs) { var httpfs = createrequestobjectfs(); var targetfs; function handleresponsefs() { if(httpfs.readystate == 4) { seek { //alert ("hrqfs"); var strresponsefs = httpfs.responsetext; document.getelementbyid(targetfs).innerhtml = strresponsefs; } grab (e){ document.getelementbyid(targetfs).innerhtml = e; } } } targetfs = targetelementfs; try{ // alert ("rqfs file: " + scriptfilefs + " target : " + targetelementfs); httpfs.open('get', scriptfilefs, true); } grab (e){ document.getelementbyid(targetfs).innerhtml = e; return; } httpfs.onreadystatechange = handleresponsefs; httpfs.send(); } sendrequestfs('https://r3dux.com/test_files/1.php', 'csad'); sendrequestfs('https://r3dux.com/test_files/2.php', 'fsad'); sendrequestfs('https://r3dux.com/test_files/3.php', 'tilead');

javascript ajax

No comments:

Post a Comment