xhr.open("POST", "../servlet/testServlet?timeStamp=" + new Date().getTime(), true);

最新推荐文章于 2024-08-13 10:28:17 发布
最新推荐文章于 2024-08-13 10:28:17 发布 · 692 阅读 · 0
文章标签：

#java #json

本文介绍了一个使用JavaScript的Ajax技术发送POST请求的例子。通过这个示例，读者可以了解到如何设置请求头、发送参数以及处理服务器响应的状态和返回的数据。
window.onload = function(){

document.getElementById("ok").onclick = function(){


var xhr = ajaxFunction();

xhr.open("POST", "../servlet/testServlet?timeStamp=" + new Date().getTime(), true);




//如果请求类型是POST的话，需要设置请求头部信息Content-Type
//application/x-www-form-urlencoded
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");




xhr.send("a=7&b=8");
xhr.onreadystatechange = function(){

if (xhr.readyState == 4) {
alert(xhr.status);
if (xhr.status == 200 || xhr.status == 304) {
alert("tfy");
var data=xhr.responseText;
alert(data);
}
}

}
}
}
iteye_4515
关注
vue项目报GET http://192.168.32.105:8080/sockjs-node/info?t=1623033929802 net::ERR_CONNECTION_TIMED_OUT
Debug的博客
06-07 8977
平时在写vue项目的时候经常会遇到这个问题，写着写着浏览器就会突然抛出下面这个报错（这个报错无关紧要，不影响开发，一般不要管他，有强迫症的小伙伴往下看） 网上找到的原因是因为sockjs-node库创建了一个低延迟、全双工的浏览器和web服务器之间通信通道，当我们在项目运行的时候会自动调用这个接口，如果没有使用，就会一直报这个错误（企业中跟后端联调之后就不会有这个报错了） 解决方法： 1.在项目中打开node_modules包并找到/sockjs-client/dist/sockjs.js文件 .
关于网页请求/sockjs-node/info?t=＜当前时间戳＞
专注于技术，分享实战经验，探索技术边界，用代码构建更美的数字世界。
08-23 5012
npm run serve启动项目之后，在network中会自动持续发送 /sockjs-node/info?t= 请求（vue/cli5是目前最新的版本，绝大多数项目都是在vue/cli5版本以下搭建的，通过vue/cli5搭建的项目没有该接口，应该有其他替换），那么这个请求有什么用呢？
学习Ajax
qq_51787166的博客
05-16 464
什么是 Ajax？ Ajax 的意思就是异步的 JavaScript 和 XML。简而言之，它是使用 XMLHttpRequest 对象与服务器端通信的脚本语言。它可以发送及接收各种格式的信息，包括 JSON、XML、HTML 和文本文件。 Ajax 最为吸引人的就是它的“异步”特性，这意味着 Ajax 可以无需刷新页面而与服务器端进行通信。允许你根据用户事件来更新部分页面内容。 可以考虑的两个特性： 向服务器端发送请求，而不用重新加载页面。 从服务器端接收数据并处理。 第
前端学习--Ajax(3) XHR/axios
Michelle209的博客
04-23 2761
它允许客户端在不重新加载整个页面的情况下向服务器发送请求，并根据服务器的响应更新页面的局部内容。其中key必须是双引号包裹的英文字符串，value的数据类型可以是数字、字符串、布尔值、null、对象、数组六种类型，数组结构的类型可以是数字、字符串、布尔值、null、对象、数组六种类型。JSON不能写注释，不能用单引号表示字符串，最外层必须是对象或数组格式。JSON实际上是一种JavaScript对象的表示方式，本质是字符串。get请求携带参数的本质是将参数以查询字符串的形式追加到url的后面。
三种发起请求的方式
ovocc的博客
04-28 2548
客户端和服务器进行通信主要是请求-处理-响应过程，这里整理一下三钟用户发起请求的三种方式
xhr发起POST请求（原生）
m0_50599032的博客
12-04 6760
1.创建xhr对象 var xhr = new XMLHttpRequest() 2.调用open（） xhr.open(‘POST’,‘请求的地址’ ) 3. 设置Content-Type 属性（注意这是固定写法） xhr.setRequestHeader(‘Content-Type’, ‘application/x-www-form-urlencoded’) 4.调用send（） (若果要提交数据，以字符串的形式提交) 例：xhr.send(‘name-张三&age-18&sex-男’
使用xhr发起POST请求
m0_54882260的博客
02-01 812
创建 xhr 对象 调用 xhr.open() 函数 设置 Content-Type 属性(固定写法) 调用 xhr.send() 函数，同时指定要发送的数据 监听 xhr.onreadystatechange 事件 // 1. 创建 xhr 对象 var xhr = new XMLHttpRequest() // 2. 调用 open 函数 xhr.open('POS...
解决http://wthrcdn.etouch.cn/weather_mini?city=接口获取天气的返回字符串是乱码
热门推荐
Sugar_tea的专栏
04-23 3万+
最近在做一个类似天气预报的demo,数据是从http://wthrcdn.etouch.cn/weather_mini?city=获取，但是解析出来的字符串是乱码，通常更换编码类型就可以了，但是并不见效。所以最后才发现问题所在，这个接口的数据传给客户端的时候把数据压缩了，所以当我们在客户端获取到数据后要给他解压缩gzip即可，问题就解决了，现在把代码贴出来。 // 获取天气预报 public
[qiankun] devScripts.js: POST xhr_streaming?t=404 (Not Found) GET eventsource net::ERR_ABORTED 404 (
qubes的专栏
10-11 1320
enviroment umi v3 工程作为微应用，启动主应用报错 devScripts.js:11874 POST http://localhost:8080/dev-server/633/50lodbqg/xhr_streaming?t=1606358562269 404 (Not Found) dev-server/279/rky4ozdu/eventsource:1 GET http://localhost:8080/dev-server/279/rky4ozdu/eventsource net::
http://localhost:8080/sockjs-node/info?t=1556418283950 net:: ERR_CONNECTION_REFUSED（亲测有效~!）
milijiangjun的博客
08-17 5148
1 运行vue 项目后出现错误 http://localhost:2001/sockjs-node/info?t=1597628862842 出现问题原因： sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。 服务端：sockjs-node（https://github.com/sockjs/soc…） 客户端：sockjs-client（https://github.com/sockjs/soc
XMLHttpRequest（XHR）对象的open、send方法及其他函数和属性讲解
qq_52469125的博客
08-13 2877
XHR（XMLHttpRequest）
JavaWeb-Servlet
Just__2009的博客
10-22 352
Servlet(Servlet Applet),全程Java Servlet。是java编写的服务器端程序，主要功能是在交互式地浏览和修改数据，生成动态web内容。 工作模式： 客户端发送至服务器。 服务器启动并调用Servlet，Servlet根据用户客户端生成响应内容并传给服务器。 服务器响应返回客户端。 配置映射关系 <servlet> <servlet-name>自定义名称</servlet-name> <servlet-class>处理请求的类的
xhr如何发送post请求_ajax-如何发送ajax请求
weixin_39779528的博客
12-19 1004
什么是ajax？Asynchronous JavaScript and XML也就是异步的JavaScript和XMLajax的使用场景前台获取数据表单失焦验证我们需要了解post和get区别get参数是在地址栏中，大小2000个字符左右post参数是在请求体中，网速良好，理论上是无限大的如何构建一个完整的ajax请求注意：一般情况下只能在有服务的环境下发送请求ajax是局部刷新1.创建ajax对...
xhr 的简单使用
江玉郎
08-30 4598
Ajax = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 Ajax 不是新的编程语言，而是一种使用现有标准的新方法。 它最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。并且不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。 总的来说，就是： ajax 是数据请求方式的一...
Ajax--概述、xhr对象的常用属性和方法、xhr的常用事件、xhr对象发送POST请求、xhr对象发送GET请求、xhr对象的兼容性问题、数据交换格式(XML、JSON)
小白小白从不日别的博客
05-18 4515
主要介绍了Ajax
43 Ajax xhr请求 数据交换格式json 封装ajax函数 FormData 上传进度条 axios发起请求
Write less，do more
09-16 632
目标 能够知道如何使用XMLHttpRequest发起Ajax请求 能够知道如何封装自己的Ajax函数 能够使用XMLHttpRequest Level2中提供的新特性 能够知道jQuery中如何实现文件上传与loading效果 能够知道如何使用axios发起Ajax请求 XMLHttpRequest的基本使用 什么XMLHttpRequest XMLHttpRequest（简称 xhr）是浏览器提供的 Javascript 对象，通过它，可以请求服务器上的数据资源。之 前所学的 jQuery 中的 A
xhr的get和post请求的简单实现
qq_39138295的博客
08-30 2万+
        ajax技术的核心是XMLHttpRequest对象(简称XHR)，XHR为向服务器发送请求和解析服务器响应提供了流畅的接口，能够以异步方式从服务器取得更多信息。 ajax是数据请求方式的一种。 特点： 1：前端可以发送数据到后端 2. 可以接收从后端传过来的数据 3：可以解析从后端传过来的数据 4：可以对页面进行局部刷新操作--&gt; xhr数据请求流程： 1....
ajax前端向后端发送数据所使用的open方法参数详解
闲岁的博客
11-06 2779
ajax发送消息的open方法共有5个参数：发送方式，目标地址，是否异步，用户名，密码。 XMLHttpRequest.open(method: string, url: string, async: boolean, username?: string, password?: string) Method： GET POST PUT DELETE【PUT和DELETE是直接操作服务器的websql数据，这种方式是非常不安全的，所以我们一般不用】 URL： 纯地址： (http/https)
AJAX知识总结
chen__cheng的博客
09-29 530
AJAX知识总结Ajax简介XMLHTTPAjax使用设置请求头获取json数据超时和网络异常处理取消请求重复请求问题Jquery中使用Ajaxfetch发送请求ajax工具库-axios跨域问题 Ajax简介 Ajax(Asynchronous JavaScript And XML)，可以通过其在浏览器中向服务器发送异步请求，无需刷整个页面就可以获取数据。 Ajax不是新的编程语言，而是一种将现在的标准组合在一起使用的新方式 使用场景：实现懒加载，当需要展示某一数据时再去请求数据 优点： 无需刷新整个页
xhr.open("POST", "/logs/record", true);
最新发布
08-26
要使用 `XMLHttpRequest` 发送 `POST` 请求到 `/logs/record` 端点，需要配置请求方法、URL，并设置适当的请求头以确保服务器能够正确解析发送的数据[^1]。以下是一个完整的示例，展示了如何使用 `XMLHttpRequest` 发送 `POST` 请求： ```javascript // 创建 XMLHttpRequest 对象 var xhr = new XMLHttpRequest(); // 配置请求方法和 URL xhr.open('POST', '/logs/record', true); // 设置请求头，指定发送的数据类型为 JSON xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8'); // 定义请求完成后的回调函数 xhr.onload = function () { if (xhr.status >= 200 && xhr.status < 300) { // 请求成功，处理响应数据 var response = JSON.parse(xhr.responseText); console.log('响应数据:', response); } else { // 请求失败，处理错误信息 console.error('请求失败:', xhr.statusText); } }; // 定义请求出错时的回调函数 xhr.onerror = function () { console.error('网络错误'); }; // 准备要发送的数据 var data = { logMessage: '这是一个测试日志记录', timestamp: new Date().toISOString() }; // 发送请求，将数据转换为 JSON 格式 xhr.send(JSON.stringify(data)); ``` ### 请求配置说明 - `xhr.open('POST', '/logs/record', true)`：使用 `open` 方法指定请求的类型为 `POST`，目标 URL 为 `/logs/record`，第三个参数 `true` 表示异步请求。 - `setRequestHeader`：设置请求头以指定发送的数据类型为 JSON，这是许多后端服务（如 Django 或 Spring Boot）默认期望的格式。 - `onload` 和 `onerror`：分别用于处理请求成功和失败的情况。 - `send`：将数据以 JSON 格式发送到服务器。 ### 跨域问题 如果 `/logs/record` 端点位于不同的域或端口上，可能会遇到跨域限制。为了解决这个问题，服务器端需要启用跨域资源共享（CORS）策略。例如，在 Java Spring Boot 项目中，可以通过添加一个 `CORSFilter` 来实现全局跨域支持[^3]。 ### 安全性 如果后端服务对请求进行了身份验证（如使用 Cookie 或 Token），还需要在请求中携带认证信息。例如，可以通过 `setRequestHeader` 添加 `Authorization` 头，或者在发送请求时附带 Cookie 信息。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值