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