原生ajax使用笔记（二）- - -post方法传参

最新推荐文章于 2023-07-17 11:54:28 发布
最新推荐文章于 2023-07-17 11:54:28 发布
阅读量1.1k 收藏
点赞数
分类专栏： 技术笔记 文章标签： 原生ajax post传参 用户注册
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37918817/article/details/84729660
版权

原生Ajax的post带参数方法使用步骤：

1.创建一个核心对象XMLHttpRequest

2.编写一个回调函数

3.编写请求方式和请求路径（open操作）

4.编写请求头

5.发送请求（send操作）

例子：模拟注册用户名，若填入的用户名不存在，则提示可以使用；否则，提示用户名已被占用

Jsp页面如下

JS代码如下

Servlet

部署测试结果

如果输入username为张三，提示已被占用

如果输入其他，提示可以使用

本例源码：https://download.csdn.net/download/qq_37918817/10823555

11Jeffrey
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
原声ajax发送post请求,原生JS实现ajax 发送post请求
weixin_42099755的博客
08-05 2570
1. [代码]原生JS实现ajax 发送post请求var oStr = '';var postData = {};var oAjax = null;//post提交的数据postData = {"name1":"value1","name2":"value2"};//这里需要将json数据转成post能够进行提交的字符串 name1=value1&name2=value2格式postD...
原生ajax请求
qq_45683232的博客
03-11 783
ajax笔记
html ajax传参数,ajax用post方法传递参数
weixin_36164538的博客
06-23 281
该楼层疑似违规已被系统折叠隐藏此楼查看此楼JS#box{width:600px;height:200px;padding:20px;border:1px solid #999;}ajax post方式传递参数Number1: Number2: 加载function loadHtml(){//获取表单中的数据var num1 =document.getElementById('num1').val...
原生的ajax中post的方式传递参数
weixin_38098192的博客
11-13 2902
1.post方法中，参数放在send()方法中，作为参数传递 2.需要设置请求头，用来指明编码方式，和发送的数据类型 3.post方式不会出现中文乱码和浏览器缓存的问题...
AJAX原理
qq_43278421的博客
10-10 382
aysnchronous JavaScript and xml 创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个页面的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新 xml：可扩展标记语言，标准通用标记语言的子集 用于标记电子文件使其具有结构性的标记语言 结构：第一句是声明语句 <?xml version="1.0" encoding="utf-8"?> 和html不同，他的标签名大小写敏感 AJAX的实现 使用js向服务器提出请
AJAX用POST方法传递参数
weixin_30540691的博客
10-24 167
.aspx代码<html><head><script type="text/javascript"> function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) // code for IE7+, Firefox, Chrome, Opera, Sa...
python1903笔记 09-Ajax.zip
03-09
- `send()` 方法：发送请求到服务器，如果使用 POST 方法，可以传递额外的数据。 - `onreadystatechange` 事件：当请求状态改变时触发，通过 `readyState` 属性检查请求是否完成，`status` 属性获取HTTP状态码。 ...
（免费）菜狗学前端之原生Ajax笔记
最新发布
04-14
### 原生Ajax知识点详解 #### 一、原生Ajax概述 原生Ajax是一种使用JavaScript与...以上内容详细介绍了原生Ajax的基本使用方法及其前后端代码示例。通过这些知识点的学习，读者可以更好地理解并应用原生Ajax技术。
jquery学习笔记--1
03-16
本篇笔记将深入探讨jQuery的基础知识，包括其核心概念、选择器、DOM操作、事件处理、动画效果以及Ajax应用。 ### 1. jQuery核心概念 jQuery的核心思想是“write less, do more”。它通过封装JavaScript的一些常见...
ajax理解及应用
a1870290027的博客
10-29 220
定义 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)，在客户端使用XMLHTTPRequest对象发异步请求与服务器进行交互。 Ajax的优势和作用 ajax的作用：在客户端使用XMLHTTPRequest对象发异步请求与服务器进行交互； ajax的优势：用户体验好，减轻服务端的压力； Ajax的请求方式如图 XMLHttpRequest 语法： let xhr =new XMLHttpRequest(); 描述：创.
原生ajax中post方式数据传递方式
colin_zff的博客
09-11 5696
1.post方法中，数据放在send（）方法中，作为参数传递 2.需要设置请求头，用来指明编码方式,发送的数据类型 3.post方式不会出现中文乱码和浏览器缓存问题 var ajax=null; try { ajax=new XMLHttpRequest() }catch(e) { ajax=new ActiveXObject("Microsoft.XMLHTTP") }
ajax通过post传递参数
爱乐爱快乐
01-23 1637
这些天在写一些ajax的应用实例到我的查分网站 里面 这里把我用到的代码都贴出来供大家分享咯 ajax通过post传递参数 这个其实很简单 完整实例如下：（亲测通过） al.php文件（共两个文件） //**********代码如下************ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http:/
Ajax GET和POST方法传参导致JSP中文乱码 字符集问题
ethenjean的专栏
10-29 289
这个中文的乱码问题让我忙活了一个下午了，终于有点眉目了，现在把解决办法贴出来，做个记录，也希望能帮助跟我有同样问题的人，hoho。 我的问题： 在一个页面上，填写表单内容，提交采用Ajax实现，并且分别用GET和POST两种方法提交，最后把表单的内容显示到当前页面上。 如：输入姓名（小三），生日（2012年1月1日）。期望结果显示“您好，小三。您的生日是2012年1月1日”。 错误的结果肯...
$.ajax 和 $.post
weixin_42814467的博客
01-21 289
先说$.post()它是JQ的 POST 请求功能，实例： <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>//jq在线地址 <script> var id = '123'; var num = '1234'; $.post('test',{'id':i...
使用 $.ajax 发送 post 请求
beitian_123的博客
09-05 6990
1.摘要 刚开始学习jquery的时候，按照书上的例子发送POST请求始终失败，而发送GET请求却能够成功，在后台（java侧）使用@RequestBody将请求转换成json格式始终失败，查看了各种帖子始终不成功 。后来发现是页面转换json有问题，特将过程整理至此，希望对读者有益。 2. 通过页面发送POST请求 其代码对应如下 <!DOCTYPE html>...
$.ajax post 完全使用方式
qq_29001173的博客
03-25 462
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>login</title> <meta http-equiv="Content-Type" content="text/html; charset...
Ajax中$.post()和$.ajax()总结
热门推荐
WannaRunning的博客
01-31 3万+
初学AJAx，对于几种写法一直搞不懂， 对于$.ajax(),在官方API文档中是这么说的：   jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。最简单的情况下，$.ajax()可以不带任何参数直接使用...
$.ajax,$.post,$.get参数详解
小不点灬的专栏
11-25 1万+
1.ajax 参数 $.ajax(options); url(String):发送请求的地址。 type(String):默认: "GET") 请求方式 ("POST" 或 "GET")。 async:true;默认为true，为异步请求，false为同步请求。 beforeSend(function);发送请求前可修改 XMLHttpRequest 对象的函数。 function
JavaScript学习 -- ajax方法的POST请求
weixin_41489908的博客
07-17 5011
本文介绍了如何使用jQuery发送POST请求，并提供了简单和带标头信息的请求的实际示例。使用jQuery可以方便地向服务器发送数据，并等待响应。在实际开发中，我们通常会使用POST请求来提交表单数据、发送文件或与服务器进行交互。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

11Jeffrey

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值