AJAX数据提交（open）

最新推荐文章于 2022-08-30 19:51:23 发布
最新推荐文章于 2022-08-30 19:51:23 发布
阅读量1k 收藏 1
点赞数
文章标签： ajax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/feishideshigaun/article/details/105776696
版权
本文详细介绍了AJAX数据提交的open方法，包括参数设置、GET和POST数据提交格式，以及跨域问题。同时讨论了AJAX请求本地数据的能力，如加载JSON、XML、图片和HTML。强调了异步和同步的概念，以及如何将Ajax请求转换为同步操作。
摘要由CSDN通过智能技术生成

Open（发送）

通过XMLHttpRequest ，你可以很容易的取回一个URL上的资源数据。尽管名字里有XML,，但 XMLHttpRequest 可以取回所有类型的数据资源，并不局限于XML。 而且除了HTTP ,它还支持file 和 ftp 协议。

因此不要局限于网络通信，他同样也可以做当前服务中的文件调用

Open方法的参数主要包括

DOMString method,

DOMString url,

optional boolean async,

optional DOMString user,

optional DOMString password

method格式设置

请求所使用的HTTP方法; 例如 “GET”、“POST”、“PUT”、"DELETE"等。如果下个参数是非HTTP(S)的URL，则忽略该参数。

1、下面有重点讲解GET和POST内容

2、如果获取的是非HTTP，该参数GET。

url地址

该请求所要访问的URL，同样可以请求本地的文件

如果地址是http协议的，如果需要端口号必须加上端口号。

url地址是一个比较强大的内容，如果给服务器传参不需要加密的话，可以通过url来进行传参，通常传参的方法是http://地址：端口/文件名？参数1=值1&参数2=值2

下面会详细讲解。

async设置异步或者同步，为第三个参数设置

一个可选的布尔值参数，

最低0.47元/天 解锁文章
时飞
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ajax前端向后端发送数据所使用的open方法参数详解
闲岁的博客
11-06 2669
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)
asp ajax跨域提交数据
10-30
### ASP AJAX 跨域提交数据实现方案 #### 一、背景与需求分析 在Web开发过程中，经常会遇到需要从第三方服务器获取数据的情况。比如，在一个分类信息网站中，存储了用户的IP地址，但用户可能更希望看到的是这些IP...
关于ajax的open方法
wuliwei85的专栏
11-08 1018
Ajax的open（）方法有3个参数：1、method；2、url；3、boolean； 参数1有get和post两个取值 参数2表示什么就不用说了 重点说下第3个参数：boolean的取值 当该boolean值为true时，服务器请求是异步进行的，也就是脚本执行send（）方法后不等待 服务器的执行结果，而是继续执行脚本代码； 当该boolean值为false时，服务器请求是同步进行的，也就是脚...
Ajax中的open函数小结
wkyb608的专栏
06-22 1705
        Ajax的open函数形式为open(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword)，其中的bstrMethod通常有GET和POST两种常用方式，使用get方式需要注意：1 对于get请求（或凡涉及到url传递参数的），被传递的参数都要先经encodeURIComponent方法处理.例：var url = "upda
ajax open方法和表单
qq_35187942的博客
01-03 482
open方法 xhr.open('get','1.txt',true) 参数 1打开方式 2地址 3是否异步     异步：非阻塞 （前面代码不会影响后面代码执行）               同步：阻塞（必须等前面代码执行完，才能执行后面代码） 表单：数据提交 action:数据提交的地址，默认是当前页面 method:数据提交的方式 （get , post），默认get方式...
什么是AJAX + AJAX的open()方法
c_lanxiaofang的博客
05-09 5987
1、什么是AJAX ？AJAX是一种用于创建快速动态网页的技术。AJAX = 异步（Asynchronous   [eɪˈsɪŋkrənəs] ） JavaScript + XML通过在后台与服务器进行少量数据交换，AJAX可以使用网页实现异步更新。这意味着可以再不重新加载整个网页的情况下，对网页的某部分进行更新。2、AJAX工作原理3、AJAX是基于现有的Internet标准，并且联合使用XML...
Ajax技术(WEB无刷新提交数据)
10-31
Ajax技术，全称为"Asynchronous JavaScript and XML"，是一种用于创建高效、互动网页的前端开发技术，它使得网页可以在不刷新整个页面的情况下与服务器进行数据交换，极大地提升了用户体验。Ajax的核心组件包括...
ajax提交中文到servlet
09-10
本文将深入探讨“ajax提交中文到servlet”的相关知识点，以解决在异步传输过程中处理中文字符的问题。 一、Ajax基础 Ajax的核心是通过JavaScript创建XMLHttpRequest对象，它允许浏览器在不重新加载整个网页的情况下...
Ajax添加数据即时显示信息篇
10-28
`Post`函数负责读取数据，而`add_Post`函数用于提交数据。在`Post`函数中，我们调用`ajax_xmlhttp`函数获取XMLHttpRequest对象，然后使用`open`方法打开一个POST请求到`add_data.asp?action=read`，并设置请求为异步...
利用ajax提交表单完整流程
04-19
首先，我们需要创建一个HTML表单，它包含了用户输入的数据和一个用于触发AJAX提交的按钮。例如： ```html 用户名" required> 邮箱" required> 提交 ``` ### 2. 阻止默认表单提交 为了让AJAX提交生效，我们...
Ajax Open方法
weixin_34345560的博客
04-16 134
2019独角兽企业重金招聘Python工程师标准>>> ...
AJAX教程系列二：open方法与数据获取与处理
Star
07-08 1032
一：open方法与服务器状态<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title><script> window.onload = function() { var oBtn = documen
ajax
town456的博客
08-02 158
ajax原理 通过xmlhttprequest对象来向服务器发送请求，从服务器获得数据，然后js来操作DOM更新页面； JavaScript 通过用户或其他浏览器相关事件捕获交互行为 xmlhttprequest 对象，通过这个对象可以在不中断其他浏览器任务的情况下向服务器发送请求 服务器上的文件，以xml HTML 或json格式保存文本数据 使用： 创建对象 var ajax = ...
AJAX
Ee2222的博客
05-19 5370
概述 产生： 一次HTTP请求对应一个页面，这是Web的运作原理。 1999年，微软公司发布IE浏览器5.0版，第一次引入新功能：允许JavaScript脚本向服务器发起HTTP请求。 2004年Gmail发布和2005年Google Map发布 2005年2月，AJAX这个词第一次正式提出，AJAX成为脚本发起HTTP通信的代名词。 AJAX通过原生的XMLHttpRequest对象发出H...
AJAX详解
m0_52704461的博客
08-30 183
ajax详解
Ajax技术种open参数中的true
前端攻城狮进阶记
07-16 6866
ajax是一种很常用的技术了 做前端的是一定要知道的open方法有三个参数，一开始使用ajax的时候我都没有注意到这个true 因为觉得ajax本来就是异步的JavaScript，同步有嘛意思捏后来实际做项目的时候用到了循环发送ajax请求 就是在一个循环体种加入ajax请求的代码 结果发现，并没有连续收到服务器的回应 然后我就将ready status打印出来了，发现居然是1 1表示什
使用ajax请求在新页面打开html文本
VICHOU_FA的博客
01-17 4271
目前项目使用的大前端的开发方式，使用token作为前后台交互的凭证，但是遇到这样一个问题收集平板终端需要显示一个webview,这个webview还可以继续访问其他页面。这种不想jsp有session,cookie这种回话机制维护，也不向前端项目有路由交互，所以需要将html文本在新页面中显示出来。其实js打开一个新页面很简单，window.open(url)，但是这个web1.0的方式传递不了h...
AJAX学习
weixin_43117449的博客
12-28 349
1.ajax的概念** 局部刷新技术，不是一门新技术，是多种技术的组合，是浏览器端的技术。 2.ajax的作用 实现在当前结果页中显示其他请求的响应内容。在不重新加载压面的情况下，可以与服务器交换数据并更新部分网页的内容。 3.ajax的使用 4.ajax的同步异步 同步：接收到返回值后才执行下面的代码 异步：不等待返回值，直接执行下面的代码，当返回值接收到后，用创建的子线程接收请求执行。 aja...
解决ajax.open方法失效问题
qq_42744046的博客
01-22 930
ajax.open()方法中通常会有三个参数，其中第二个参数是数据提交的服务器数据时，服务器所在地址（URL）。 网上有使用@WebServlet(&quot;/Demo&quot;)的方式，但在学习的时候发现这条语句失效，于是通过查找对应的XML文档，在元素中可以找到它的相对路径，填写在open方法的第二个参数，在浏览器中检验即可。 ...
ajax 提交数据代码
最新发布
05-26
下面是一个基本的 Ajax 数据提交代码示例： ``` // 创建一个 XMLHttpRequest 对象 var xhr = new XMLHttpRequest(); // 设置请求方法和 URL xhr.open('POST', 'url'); // 设置请求头（如果需要） xhr....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值