Jquery Ajax xml版Get请求PHP

使用AJAX获取数据示例

最新推荐文章于 2025-09-09 18:53:59 发布

转载最新推荐文章于 2025-09-09 18:53:59 发布 · 75 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dianzan/p/7373835.html

文章标签：

#php #javascript #ViewUI

本文介绍了一个简单的AJAX应用实例，通过GET方式请求服务器端脚本并更新页面内容。该示例利用jQuery简化了AJAX调用过程。


<!DOCTYPE html>
<html lang="zh-cn">
<head>
 <meta charset="utf-8">
 <title></title>
 <style>


 </style>
</head>
<body>
<input type="button" value="AJAX提交"/>
<p id="resText"></p>
</body>
<script src="../js/jquery-1.11.3.js"></script>
<script>
 $(function(){
  $(":input").click(function(){
   var xmlHttpReq=null;
   if(window.ActiveXObject){
    xmlHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
   }else if(window.XMLHttpRequest){
    xmlHttpReq=new XMLHttpRequest();
   }
   xmlHttpReq.open("GET","text.php",true);
   function RequestCallback(){
    if(xmlHttpReq.readyState==4&&xmlHttpReq.status==200){
     document.getElementById('resText').innerHTML=xmlHttpReq.responseText;
     console.log(typeof xmlHttpReq.responseText);
    }
   }
   xmlHttpReq.onreadystatechange=RequestCallback;
   xmlHttpReq.send(null);
  });

 })
</script>
</html>