封装好的Ajax调用函数以及基本方法总结

学了Ajax,今天来一个总结 首先什么是Ajax:Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。直白的说就是实现局部刷新:提升用户的体验。(jsp:同步方案(顺序流执行的))在Ajax中,有几个技术要结合用: 静态部分:HTML,CSS,用于美化外观。 JavaScript:Jav
摘要由CSDN通过智能技术生成

学了Ajax,今天来一个总结
首先什么是Ajax:Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。直白的说就是实现局部刷新:提升用户的体验。(jsp:同步方案(顺序流执行的))

在Ajax中,有几个技术要结合用:
静态部分:HTML,CSS,用于美化外观。
JavaScript:JavaScript可以操作DOM(文档对象模型)。
xml/json:数据交换。
XMLHTTPRequest对象:这是Ajax核心,用于异步的访问服务器

现在来在一个JS文件中创建并且封装好一个Ajax基本创建函数。

    var xmlHttp;
    //创建了一个xmlhttprequest对象
    function createXMLHttpRequest() {
   
        if (window.XMLHttpRequest) { // 如果可以取得XMLHttpRequest
        xmlHttp = new XMLHttpRequest();  // Mozilla、Firefox、Safari 
        }else if (window.ActiveXObject) { // 如果可以取得ActiveXObject
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); // Internet Explorer
        }
    }

    //对外提供的请求方法
    function startRequest(urlString,handleStateChange) {
   
        createXMLHttpRequest(); // 创建非同步请求
        xmlHttp.onreadystatechange = handleStateChange;  // 创建状态改变调用的函数
        xmlHttp.open(
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值