星空网 > 软件开发 > 网页设计

玩转ajax

1.什么是ajax

  Ajax 是 Asynchronous JavaScript and

2.ajax需要什么基础?

  HTML 用于建立 Web 表单并确定应用程序其他部分使用的字段。 
     JavaScript 代码是运行 Ajax 应用程序的核心代码,帮助改进与服务器应用程序的通信。

3.Ajax的请求步骤

   3.1 创建一个对象   3.2设置回调onreadystatechange方法
  判断成功  status=200 readyStates = 4
  3.3 设置open
  第一个参数 GET或者POST
  第二个参数 Url
  第三个参数 true(异步) false(同步)
  3.4 发送请求send方法 GET形式send方法没有参数
  POST形式send方法有参数   参数的形式 键=值&键=值
  3.5 POST请求 需要设置hdader
  setRequestHeader("Content-Type","application/x-www-form-urlencoded");

4.html代码:

玩转ajax玩转ajax
 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4   <meta charset="UTF-8"> 5   <title>ajax</title> 6 </head> 7 <body> 8   <h1>Ajax请求</h1> 9   <hr>10   <button onclick='sendAjax()'>sendAjax</button>11   <script>12     function sendAjax(){13       //创建一个xhr对象14       if(window.15         var xhr = new 16       }17       else {18         var xhr = new ActiveXObject('Microsoft.');19       }20       console.log('initital',xhr.readyState);21       // 当状态发送改变 回调这个函数22       xhr.onreadystatechange = function(){23         console.log(xhr.readyState);24         if(xhr.readyState==4 && xhr.status==200){25           // 输出响应的文本对象26           console.log(xhr.responseText);27         }28       }29       //发送请求30       xhr.open('GET','01.php',true);31       // xhr.open('GET','01.php',false);32       // xhr.open('GET','01.php');33       console.log("open",xhr.readyState);34 35       xhr.send();//异步请求 在这时间点 分线程走36       console.log('send',xhr.readyState)37     }38   </script>39 </body>40 </html>

View Code

5.php代码

 <?php // sleep(5); echo "hellow world"; ?> 

 6.点击F12或者Ctrl+shift+I检查元素,然后触发点击事件,看到的效果图

  玩转ajax

 




原标题:玩转ajax

关键词:ajax

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

加拿大VAT税率全面了解:https://www.kjdsnews.com/a/1374614.html
加拿大VAT税号申请流程指南:https://www.kjdsnews.com/a/1374615.html
加拿大VAT号和EIN号的区别与申请流程:https://www.kjdsnews.com/a/1374616.html
加急申请VAT税号简单快捷的操作指南:https://www.kjdsnews.com/a/1374617.html
加急申请VAT税号快速简便的操作指南:https://www.kjdsnews.com/a/1374618.html
加急申请VAT税号快速取得政府认可:https://www.kjdsnews.com/a/1374619.html
如何从抖音上多挣钱?记住这12个字 :https://www.kjdsnews.com/a/1836445.html
连麦专家:2024年到底如何做小红书? :https://www.kjdsnews.com/a/1836446.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流