ajax获取get请求,get请求

# get请求

页面存在的link href等都是属于get请求

*****

```

点击按钮发送get请求 ajax

let btnObj = document.getElementById("btn");

let aObj = document.getElementById("aa");

btnObj.onclick = function () {

// 1.创建ajax对象

let ajax = new XMLHttpRequest();//对象初始化状态为0

// 2.设置请求路径和请求方式

ajax.open("get", "/get_data");//载入，AJAX 对象开始发送请求,状态为1

// 3.绑定监听状态改变的处理函数，在处理函数中可以获取响应数据

ajax.onreadystatechange = () => {

// 获取ajax对象的状态变化

console.log(ajax.readyState);//2 3 4 前面发生的两个状态发生的时候代码还没有执行到这

// 只有当状态码等于200 同时状态值等于4时，才能获取服务器响应回来的数据

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

//ajax.responseText 获取服务器响应回来的数据

// 将从服务器获取到的数据渲染到浏览器中

aObj.innerText = ajax.responseText;

}

};

//避免缓存堵塞

ajax.setRequestHeader('Cache-Control', 'no-cache');

// 4.发送请求

ajax.send();

}

```

*****

**服务端代码**

```

if(/get_data.*/.test(requestUrl)){//请求的路径可能会不一样，所以用正则表示

response.setHeader("Content-type","text/html;charset=utf-8");

response.write("这是服务器传来的数据");

response.end();

}

```

ajax获取get请求,get请求相关推荐

jquery的ajax获取form表单数据
jq是对dom进行的再次封装.是一个js库,极大简化了js使用 jquery库在js文件中,包含了所有jquery函数,引用: 这里主要介绍jquery获取页面form数据使用的过程 html页面代码 ...
ajax请求获取天气,7. jquery-ajax请求天气接口
Ajax请求查询天气 // Ajax请求:一般在刷新页面中的局部数据时,会使用ajax请求.该请求不会去重新刷新或请求这个页面中的所有数据,而只是动态的修改一部分数据. function getWe ...
mvc ajax get请求,springMVC 中 ajax get 请求和 post 请求的坑以及参数传递
1, ajax 请求无论为 post ,或者 get ,url中带有?形式的参数,后台都能以String类型变量接收,变量名称和参数名称必须一致前台ajax: $.ajax( "prod ...
ajax jq 图片上传请求头_全面分析前端的网络请求方式:Ajax ,jQuery ,axios,fetch
链接:https://juejin.im/post/5c9ac607f265da6103588b31 一.前端进行网络请求的关注点大多数情况下,在前端发起一个网络请求我们只需关注下面几点: 传入基本 ...
ajax csrf php,JQueqy Ajax的使用(POST\GET请求 csrf_token)
一,Ajax GET请求和POST请求知识点 1,GET请求不用添加 {% csrf_token%} ,也不会报csrftoken的错 2,POST请求的话,就需要添加 {% csrf_token% ...
学习AJAX必知必会（2）~Ajax基本使用，设置请求行、请求体、请求头，服务端响应JSON数据
一.Ajax的基本使用 1.核心对象 XMLHttpRequest,AJAX 的所有操作都是通过该对象进行的. 2.发送ajax请求(4个步骤): 创建xhr对象,然后open方法初始化,设置请求方式 ...
Ajax入门和发送http请求
同步和异步同步和异步的概念同步:必须等待前面的任务完成,才能继续后面的任务. 异步:不受当前任务的影响. 拿排队举例: 同步:在银行排队时,只有等到你了,才能够去处理业务. 异步:在排队的时候,可 ...
尝试从REST API获取数据时，请求的资源上没有“ Access-Control-Allow-Origin”标头
本文翻译自:No 'Access-Control-Allow-Origin' header is present on the requested resource-when trying to ge ...
axios 获取 token 后重新请求失败的接口
业务场景:有几个外部系统的接口,需要先通过一个获取 token 的接口获取到 token 后续业务接口需要在请求头中的 Authorization 带上 token.刚开始我在登录后获取了一次 tok ...
ajax请求，请求头是provisional are shown。请求未发送出去
问题: ajax请求,请求没成功.ajax请求没有发送出去. 查看network,看到请求头处:Provisional headers are shown. 原因: 搜索了一下,网上说了几个原因. 1 ...

ajax获取get请求,get请求

ajax获取get请求,get请求相关推荐

最新文章

热门文章