首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    异步编程Ajax的详解,并对其进行封装整理

    因此,Ajax就可以做到只向服务器请求我们想要的那一小部分数据,而不用请求全部数据,进而在刷新整个页面的前提下更新那部分的数据。...('get', 'example.php', 'true') 光调用了 open() 方法还不够,它只是创建了一个请求,但还没有发送请求,因此我们还要调用xhr对象上的另一个方法,即 send() 方法...后面的,例如这样 example.php?query=4&em=0,所以若是我们要在发送get请求时携带数据,只需要在调用 open() 方法时,将数据写在第二个参数的URL的 ?...请求 $.post('example.php', {query: 4, em: 0}, function(data, status, xhr) { console.log(` 返回的数据为${data...json,同时设定了一个回调函数用于接收请求返回的数据、状态和xhr对象 综合方法 // 该方法既可以发送get请求又可以发送post请求 $.ajax({ url: 'example.php',

    2.2K20

    JavaScript之Ajax异步

    同步调用相对简单,但使用异步调用才是我们真正常用的手段。使用异步调用的时候,需要触发readystatechange事件,然后检测readyState属性即可。...这个属性有五个值: 值 状态 说明 0 未初始化 尚未调用open()方法 1 启动 已经调用open()方法,但尚未调用send()方法 2 发送 已经调用send()方法,但尚未接受响应 3 接受...一.GET与POST 在提供服务器请求的过程中,有两种方式,分别是:GET和POST。在Ajax使用的过程中,GET的使用频率要比POST高。...GET请求 GET请求是最常见的请求类型,最常用于向服务器查询某些信息。必要时,可以将查询字符串参数追加到URL的末尾,以便提交给服务器。 xhr.open('get', 'demo.php?...xhr.open('post', 'demo.php', true); 而发送POST请求的数据,不会跟在URL的尾巴上,而是通过send()方法向服务器提交数据。

    1.5K00

    ajax 使用 与 缓存问题

    Post方式: 当使用POST方式时,浏览器把各表单字段元素及其数据作为HTTP消息的实体内容发送给Web服务器,而不是作为URL地址的参数进行传递,使用POST方式传递的数据量要比使用GET方式传送的数据量大的多...简单易用的高层实现见 $.get, $.post 等。 $.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。...complete Function 请求完成后回调函数 (请求成功或失败时均调用)。参数: XMLHttpRequest 对象,成功信息字符串。...error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。...设置 AJAX 请求默认地址为 "/xmlhttp/",禁止触发全局 AJAX 事件,用 POST 代替默认 GET 方法。其后的 AJAX 请求不再设置任何选项参数。

    3.3K20

    初学者必看Ajax的总结

    function(){ ajax({//json 格式 type:"post", url:"post.php", data:"username=poetries&pwd=123456",...key / value 数据 callback(可选) Function 请求完成时的回调函数,无论是请求成功还是失败 $.get()和$.post()方法 load()方法通常用来从 web 服务器上获取静态的数据文件...请求完成后的回调函数(请求成功或失败时都调用)参数:XMLHttpRequest 对象和一个描述成功请求类型的字符串function(XMLHttpRequest,textStatus){this;/.../调用本次 Ajax 请求时传递的 options 参数} success Function 请求成功后调用的回调函数,有两个参数(1)由服务器返回,并根据 dataTyppe 参数进行处理后的数据(2...参数} error Function 请求失败时被调用的函数 global Boolean 默认为 true。

    3.6K40

    高级前端:详解手写原生Ajax的实现

    因此,Ajax就可以做到只向服务器请求我们想要的那一小部分数据,而不用请求全部数据,进而在刷新整个页面的前提下更新那部分的数据。...在这个例子中的人、物对比Ajax的关系如下表: 吃饭事件 数据更新 我们 客户端 菜品 页面所有的数据 服务员 ajax对象 厨师 服务器 当我们发现有一道菜太咸了,不需要让厨师把所有的菜重新做一遍,...('get', 'example.php', 'true') 光调用了 open() 方法还不够,它只是创建了一个请求,但还没有发送请求,因此我们还要调用xhr对象上的另一个方法,即 send() 方法...后面的,例如这样 example.php?query=4&em=0,所以若是我们要在发送get请求时携带数据,只需要在调用 open() 方法时,将数据写在第二个参数的URL的 ?...json,同时设定了一个回调函数用于接收请求返回的数据、状态和xhr对象 综合方法 // 该方法既可以发送get请求又可以发送post请求 $.ajax({ url: 'example.php',

    2.2K20

    Ajax第二节

    - - error function 响应失败时调用 - - 参数检测 // 要求参数obj必须传递,否则直接不发送请求 if(!...方法 jQuery为我们提供了更强大的Ajax封装 $.ajax 参数列表 参数名称 描述 取值 示例 url 接口地址 url:"02.php" type 请求方式 get/post type:"get...获取短信验证码 需求文档(产品) 总需求:点击获取验证码按钮,向服务端发送请求, 调用服务器端短信接口, 服务器端根据传参, 调用第三方短信接口, 给手机发送验证码 需求1:格式校验 (1) 手机号码不能为空...(1)如果接口调用成功 如果响应代码为100,倒计时 如果响应代码为101,提示手机号重复 (2)如果接口调用失败,告诉用户"服务器繁忙,请稍候再试" 接口文档 接口说明:获取短信验证码 接口地址..." 102 提示用户"验证码错误" 3.2 接口调用失败,提示"服务器繁忙,请稍后再试",恢复按钮的值 接口文档 接口说明:注册 接口地址:register.php 请求方式:post

    4K50

    详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    , 那么浏览器就会弹出对话框显示该段文字    alert(status);    //结果为success, error等等,但这里是成功时才能运行的函数   }); post( url, [data...complete Function 请求完成后回调函数 (请求成功或失败时均调用)。 参数: XMLHttpRequest 对象,成功信息字符串。...error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。 这个方法有三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。...下面的例子中,我们用ajax()来调用一个XML文档: $.ajax({     url: 'doc.xml',     type: 'GET',     dataType: 'xml',     timeout...例如,将所有AJAX请求都传递到request.php,;禁用全局方法;强制用POST方法传递: $.ajaxSetup({   url: "request.jsp",   global: false

    5.3K100

    jQuery封装的AJAX使用

    jQuery 中的 Ajax jQuery为我们提供了更强大的Ajax封装 $.ajax({}) 可配置方式发起Ajax请求 $.get() 以GET方式发起Ajax请求 $.post() 以POST方式发起...data 发送请求数据 beforeSend: function () {} 请求发起前调用 success 成功响应后调用 error 错误响应时调用 complete 响应完成时调用(包括成功和失败...type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。...function(XMLHttpRequest){ this; //调用本次ajax请求时传递的options参数 } complete:要求为Function类型的参数,请求完成后调用的回调函数(请求成功或失败时均调用...:要求为Function类型的参数,请求失败时被调用的函数。

    4.1K60
    领券