<!DOCTYPE html>

<html lang="zh-CN">

<head>

    <meta charset="UTF-8">

    <title>title</title>

</head>

<body>

</body>

</html>

<script>

  /*

    封装的过程

      重复的代码写出来

      不能固定的 作为 参数

    ajax工具函数

      回调函数的作用

  */

  // get请求

  // 因为是我们封装的函数 约定

  // data的格式是 key1=value1&key2=value2

  function get(url,data,success){

    // 创建异步对象

    var xhr = new XMLHttpRequest();

    // 请求行

    if(data){

      url+='?';

      url+=data;

    }

    xhr.open('get',url);

    // 请求头(get可以省略)

    // 回调函数

    xhr.onreadystatechange = function(){

      if(xhr.readyState==4&&xhr.status==200){

        // 调用 传入的 回调函数

        success(xhr.responseText);

        // 普通字符串

        console.log(xhr.responseText);

        // JSON

        console.log(JSON.parse(xhr.responseText));

        // XML

        console.log(xhr.responseXML);

        // 这里用return 获取不到数据的

        // return xhr.responseText;

      }

    }

    // 请求主体 发送

    xhr.send(null);

  }

  // post请求

  function post(url,data,success){

    // 创建异步对象

    var xhr = new XMLHttpRequest();

    // 请求行

    xhr.open('post',url);

    // 请求头

    // 有数据 才要设置

    if(data){

      xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');

    }

    // 回调函数

    xhr.onreadystatechange = function(){

      if(xhr.readyState==4&&xhr.status==200){

        console.log(xhr.responseText);

        success(xhr.responseText);

      }

    }

    // 请求主体 发送

    xhr.send(data);

  }

</script>

ajax_封装函数_步骤1的更多相关文章

  1. ajax_封装函数_升级_传递多个参数和传递一个参数

    HTML: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset=" ...

  2. day16_函数作用域_匿名函数_函数式编程_map_reduce_filter_（部分）内置函数

    20180729    补充部分代码 20180727    上传代码 #!/usr/bin/env python # -*- coding:utf-8 -*- # ***************** ...

  3. Javascript:来一个AJAX封装函数

    前不久换工作了,最近一直在出差,忙得跟狗一样,所以博客都荒废许久了. 最近的工作中涉及到大量的ajax操作,本来该后台做的事也要我来做了.而现在使用的ajax函数是一个后台人员封装的—-但他又是基于 ...

  4. eclipse快速移动项目到另一台机器_步骤

    ​快速移动项目到另一台机器_步骤 1.设置好eclipse的编码,必须对应个人项目文件的编码{ window--preferences--general--workspace-text file en ...

  5. jQuery封装函数

    //1,插件命名:jQuery.插件名.js 为拉避免和其他库的冲突// //2,自定义插件尽量避免使用$ 如果非要使用$就一定要将jQuery传递进去,//写在最后加一个小括号写jquery ;结束 ...

  6. Eclipse中通过Android模拟器调用OpenGL ES2.0函数操作步骤

    原文地址: Eclipse中通过Android模拟器调用OpenGL ES2.0函数操作步骤 - 网络资源是无限的 - 博客频道 - CSDN.NET http://blog.csdn.net/fen ...

  7. 浏览器兼容——DOM事件封装函数

    //封装函数var eventUtil={    //添加事件    addHandler:function(element,type,handler){        if(element.addE ...

  8. WMI 获取硬件信息的封装函数与获取联想台式机的出厂编号方法

    原文:WMI 获取硬件信息的封装函数与获取联想台式机的出厂编号方法 今天玩了一把WMI,查询了一下电脑的硬件信息,感觉很多代码都是可以提取出来的,就自己把那些公共部分提出出来,以后如果要获取 某部分的 ...

  9. Ajax封装函数笔记

    Ajax封装函数: function ajax(method, url, data, success) { //打开浏览器 //1.创建一个ajax对象 var xhr = null; try { x ...

随机推荐

  1. vue的class和style的绑定

    <div class="input-search" :class="{input-search-focus : iscur == 1}"> 在原本有 ...

  2. php注解

    官方全部注解:https://docs.phpdoc.org/references/phpdoc/tags/index.html 1.@var 您可以使用@var标记来记录属性的“类型”,有时也称为类 ...

  3. mysql order by 自定义

    TIMESTAMPDIFF 语法: TIMESTAMPDIFF(interval,datetime_expr1,datetime_expr2). 说明: 返回日期或日期时间表达式datetime_ex ...

  4. 启动模式：uefi, legacy，以及GRUB命令使用

    机器启动模式:uefi, legacy 设置入口:BIOS:boot mode 磁盘分区表格式: gpt uefi所使用(此种模式下,grub只能识别gpt格式的boot引导项) mbr legacy ...

  5. PyTorch 手动提取 Layers

    Model NeuralNet( (l0): Linear(in_features=6, out_features=256, bias=True) (relu): ReLU() (bn0): Batc ...

  6. Fabric的使用总结

    环境说明 建议python版本:2.7 fabric版本:最新版(当前为1.10.2) fabric安装 通过pip.py的方式安装(详细可以在fabric官网了解) fabric执行py文件的方法, ...

  7. windows系统如何查看物理cpu核数，内存型号等

    首先,我们需要打开命令行模式,利用win+r键打开运行,输入cmd回车即会出现   然后在命令行界面输入wmic进入命令行系统管理执行脚本界面     然后我们通过cpu get *可以查看cpu的具 ...

  8. php similar_text()函数 语法

    php similar_text()函数 语法 作用:计算两个字符串的相似度,并返回匹配字符的数目大理石平台厂家 语法:similar_text(string1,string2,percent) 参数 ...

  9. 关于Reporting Services网站

    1.http://www.c-sharpcorner.com/search/sql%20server%20reporting%20services 2.https://msdn.microsoft.c ...

  10. [CSP-S模拟测试]:嘟嘟噜（约瑟夫问题）

    题目描述 由于众所周知的原因,冈部一直欠真由理一串香蕉.为了封上真由理的嘴,冈部承诺只要真由理回答出这个问题,就给她买一车的香蕉:一开始有$n$个人围成一个圈,从$1$开始顺时针报数,报出$m$的人被 ...