当前位置: 首页 > 面试题库 >

原生Ajax请求代码?

缑嘉玉
2023-03-14
本文向大家介绍原生Ajax请求代码?相关面试题,主要包含被问及原生Ajax请求代码?时的应答技巧和注意事项,需要的朋友参考一下

参考回答:

Ajax能够在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容,实现局部刷新,大大降低了资源的浪费,是一门用于快速创建动态网页的技术,ajax的使用分为四部分:

1、创建XMLHttpRequest对象var xhr = new XMLHttpRequest();

2、向服务器发送请求,使用xmlHttpRequest对象的open和send方法,

3、监听状态变化,执行相应回调函数

var xhr = new XMLHttpRequest();
xhr.open('get', 'aabb.php', true);
xhr.send(null);
xhr.onreadystatechange = function() {
    if(xhr.readyState==4) {
        if(xhr.status==200) {
        console.log(xhr.responseText);
        }
    }
}

 

 类似资料:
  • 本文向大家介绍详解JavaScript原生封装ajax请求和Jquery中的ajax请求,包括了详解JavaScript原生封装ajax请求和Jquery中的ajax请求的使用技巧和注意事项,需要的朋友参考一下 前言:ajax的神奇之处在于JavaScript 可在不重载页面的情况与 Web 服务器交换数据,即在不需要刷新页面的情况下,就可以产生局部刷新的效果。Ajax 在浏览器与 Web 服务器

  • 本文向大家介绍Ajax请求内嵌套Ajax请求示例代码,包括了Ajax请求内嵌套Ajax请求示例代码的使用技巧和注意事项,需要的朋友参考一下 前段时间做项目,需要把全国省市的两个XML文件整合成一个JSON格式的数据,手写的话觉得数据太多了,而且容易出错,于是就想到了用Ajax嵌套的方法来解决,就想平时用Ajax的方法直接嵌套,都会先读出外面Ajax的内容,然后才读取嵌套在Ajax里面的内容,后面经

  • 本文向大家介绍原生JavaScrpit中异步请求Ajax实现方法,包括了原生JavaScrpit中异步请求Ajax实现方法的使用技巧和注意事项,需要的朋友参考一下 在前端页面开发的过程中,经常使用到Ajax请求,异步提交表单数据,或者异步刷新页面。 一般来说,使用Jquery中的$.ajax,$.post,$.getJSON,非常方便,但是有的时候,我们只因为需要ajax功能而引入Jquery比较

  • 本文向大家介绍原生js jquery ajax请求以及jsonp的调用方法,包括了原生js jquery ajax请求以及jsonp的调用方法的使用技巧和注意事项,需要的朋友参考一下 ajax 是用来处理前后端交互的技术,可以改善用户体验,其本质是 XMLHttpRequest,异步访问服务器并发送请求数据,服务器返回响应的数据,以页面无刷新的效果改变页面中的局部内容 同步:任务一个一个的执行,只

  • 问题内容: 因此,对我的问题进行基本描述。 我有一个现在可以正常使用的扩展程序(最终),可以将电话号码包装在一种标签中。 它现在正在运行,但是我遇到了基于用户动作或基于ajax请求通过JS动态加载的任何内容的问题 例如,如果我单击并发送一个Hotmail电子邮件,该脚本将起作用,但仅当我刷新页面时,该电子邮件才能加载并调用我的内容脚本。 我考虑过通过使用户单击扩展程序的图标来解决此问题,但这并不是

  • 主要内容:Ajax 的工作原理,发送 Ajax 请求,检索响应信息Ajax 全称“Asynchronous JavaScript and XML”,译为“异步 JavaScript 和 XML”,程序员们习惯称之为“阿贾克斯”,它并不是一种技术,而是多种技术的综合体,其中包括 JavaScript、XML、JSON、DOM、CSS、HTML 以及最重要的 XMLHttpRequest 对象。通过 Ajax 可以异步从服务器请求数据并将数据更新到网页中,整个过程不