ajax异步数据应用示例

前端之家收集整理的这篇文章主要介绍了ajax异步数据应用示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
一般都是GET传值

例:

ajax.js


var xmlHttp;
//`判断是否是IE浏览器,使能使用ajax
function S_xmlhttprequest(){
if (window.ActiveXObject){
xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
}else{
xmlHttp=new XMLHttpRequest();
}
}//非ie会多次运行
function S_xmlhttprequest(){
if (window.XMLHttpRequest)
{// code for IE7+,Firefox,Chrome,Opera,Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6,IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
function funPHP100(url){
S_xmlhttprequest();
xmlHttp.open("GET","for.PHP?id="+url,true); // 打开请求
xmlHttp.onreadystatechange=byPHP;//准备就绪执行
xmlHttp.send(null);//进行发送
}
function byPHP(){
var byPHP100=xmlHttp.responseText;// 获取执行结果for.PHP?id="+url,true
document.getElementById('PHP100').innerHTML=byPHP100; //PHP100为标志位,就是index.PHP中的div id,以html形式输出byPHP100

}


for.PHP


<?PHP
if($id=$_GET[id]){
for($i=1;$i<6;$i++){
echo $id;
}
exit();
}

?>



index.PHP

<script type="text/javascript" src="ajax.js"></script> <a href="#" onclick="funPHP100('3')">o</a> <div id="PHP100"></div> function S_xmlhttprequest(){ if (window.ActiveXObject){ xmlHttp=new ActiveXObject('Microsoft.XMLHTTP'); }else{ xmlHttp=new XMLHttpRequest(); } } function sel(val){ S_xmlhttprequest(); xmlHttp.open("GET","TopC.PHP?class="+val,true); // 打开请求 xmlHttp.onreadystatechange=byPHP();//准备就绪执行 xmlHttp.send(null);//进行发送 } function byPHP(){ var byPHP100=xmlHttp.responseText;// 获取执行结果for.PHP?id="+url,true document.getElementById('select2').innerHTML=byPHP100; //PHP100为标志位,就是index.PHP中的div id,以html形式输出byPHP100 } 原文链接:https://www.f2er.com/ajax/163609.html

猜你在找的Ajax相关文章