首页 > web前端 > js教程 > 正文

ajax中post与get方法如何使用以及区别

清浅
发布: 2018-11-15 16:22:40
原创
4607人浏览过

本文章将介绍的是ajax中get和post请求,有一定的参考价值,希望对大家学习ajax有所帮助

Ajax含义

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 AJAX 是实际上就是 异步 JavaScript和XML,它 是一种用于创建快速动态网页的技术还可以通过在后台与服务器进行少量数据交换,使网页实现异步更新。这个技术的应用就意味着可以在不重新加载整个网页的情况下,对网页的某个部分进行更新。【ajax教程

ajax中有两个重要的概念是get与post的知识,今天将和大家介绍这两个知识点的使用方法以及它俩之间的区别

GET()请求

get() 方法通过远程http get 请求载入信息,请求成功时可调用回调函数

参数传递都是通过 URL 地址中的  ?进行传递参数,使传递数据到服务端

格式:
 get(URL,callback);
 URL :传递想传递的url,必需具备
 callback:参数是请求成功后所执行的函数名,可选
登录后复制

例如

var xhr = new XMLHttpRequest()
xhr.open('GET', './demo.php?id=1)//open 方法的第一个参数的作用就是设置请求的方法
xhr.send(null)// 需要提交到服务端的数据可以通过 send 方法的参数传递
xhr.onreadystatechange = function () {
  if (this.readyState === 4) {
    console.log(this.responseText)
  }
}
登录后复制

POST 请求

通过http post请求从服务器上请求数据的过程中,要采用请求体承载所需要提交的数据

格式:
post(url,data,success(data, textStatus, jqXHR),dataType)
url :规定把请求发送到哪个 URL。必须具备
data:映射或字符串值,指请求发送到服务器的数据,是可选的   
success(data, textStatus, jqXHR):指请求成功时执行的回调函数,可选的    
dataType:服务器响应的数据类型
登录后复制
例如
var xhr = new XMLHttpRequest()
xhr.open('POST', './add.php')
// 设置请求头中的 Content‐Type 为 application/x‐www‐form‐urlencoded以便于服务端接收数据
xhr.setRequestHeader('Content‐Type', 'application/x‐www‐form‐urlencoded')
xhr.send('key1=value1&key2=value2')
xhr.onreadystatechange = function () {
  if (this.readyState === 4) {
    console.log(this.responseText)
    }
    }
登录后复制

post与get之间区别

get是从服务器获取数据 ,而post是向服务器提交数据 ,一般情况下 get 传递的都是参数性质的数据,而 post都是业务数据

发送大量数据的时候用 post,发送少量数据用get

总结:以上就是本篇文章的内容了,通过本篇文章希望大家对get和post方法有一定的了解

以上就是ajax中post与get方法如何使用以及区别的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号