AJAX的post和get请求区别

get请求

// document.querySelector(‘button‘).onclick=function(){
// var txt=document.querySelector(‘input‘).value;
// var xhr=new XMLHttpRequest();
// xhr.open(‘get‘,‘03-fasongshuju.php?msg=‘+txt);
// xhr.setRequestHeader(‘Content-Type‘,‘text/html‘);
// xhr.send(null);
// xhr.onreadystatechange=function(){
// if(xhr.readyState==4&&xhr.status==200){
// var re=xhr.responseText;
// document.querySelector(‘div‘).innerHTML=re;
// }
// }
// }
post请求:

document.querySelector(‘button‘).onclick=function(){
var txt=document.querySelector(‘input‘).value;
var xhr=new XMLHttpRequest();
xhr.open(‘post‘,‘03-fasongshujupost.php‘);
xhr.setRequestHeader(‘Content-Type‘,‘application/x-www-form-urlencoded‘);//post这块不一样
xhr.send(‘msg=‘+txt);//这块也不一样
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
var yaru=xhr.responseText;
document.querySelector(‘div‘).innerHTML=yaru;
}
}
}

时间: 2024-10-13 02:37:12

AJAX的post和get请求区别的相关文章

转:Jquery AJAX POST与GET之间的区别

本文是对Jquery中AJAX POST与GET之间的区别.进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1:GET访问 浏览器 认为 是等幂的 就是 一个相同的URL 只有一个结果[相同是指 整个URL字符串完全匹配] 所以 第二次访问的时候 如果 URL字符串没变化 浏览器是 直接拿出了第一次访问的结果 POST则 认为是一个 变动性 访问 (浏览器 认为 POST的提交 必定是 有改变的) 防止 GET 的 等幂 访问 就在URL后面加上 ?+new Date();,

AJAX中出现两次请求,OPTIONS请求和GET请求

在项目中发现ajax中出现两次请求,OPTIONS请求和GET请求,得到的数据出错,所以想要去掉OPTIONS请求. ajax请求如下: ajaxRequestGet: function (lastPath, requestParams, successFun) { $.ajax({ headers: { 'GISTTOKEN': getToken() }, url : this.baseUrl+lastPath, type : "get", data: requestParams,

Ajax 通信技术--hidden Frame GET 请求 和 POST 请求

hidden frame技术有四个步骤: 1.用户通过可见的frame与页面交互,而意识不到hidden frame,当用户向服务器请求数据时,javascript 函数调用hidden frame,这个调用重定向hidden frame到另外一个页面,复杂一点posting form data. 2.向服务器传递数据. 3.接受服务器的回应.因为你和frames打交道,所以这个回应是另一个页面,这个页面会包括请求返回的数据,和一些javascript去把数据转化为可见得frame. 4.在返回

Http中Get/Post请求区别

Http中Get/Post请求区别 (1)get是从服务器上获取数据,post是向服务器传送数据. (1)   在客户端,Get方式在通过URL提交数据,数据在URL中可以看到:POST方式,数据放置在HTML HEADER内提交. (2) 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据. (2)   GET方式提交的数据最多只能有1024字节,而POST则没有此限制. (3)   安全性问题.正如

jQuery中ajax的4种常用请求方式

jQuery中ajax的4种常用请求方式: 1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选项见下. 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml"). 实例: 保存数据到服务器,成功时显示信息. $.ajax({ type: "post", dataType: "

echarts通过ajax向服务器发送post请求,servlet从数据库读取数据并返回前端

1.echarts的官网上的demo,都是直接写死的随机数据,没有和数据库的交互,所以就自己写了一下,ok,我们开始一步一步走一遍整个流程吧. 就以官网最简单的那个小demo来做修改吧.官网上的小demo的效果图如下:(很熟悉,有没有) 2.按照echarts的使用方法新建一个echarts.html文件.为ECharts准备一个具备大小(宽高)的Dom(讲的有点细,熟悉的朋友直接跳过) <!DOCTYPE html> <head> <meta charset="u

GET请求和POST请求区别

GET请求和POST请求区别 1.GET被强制服务器支持 GET通常用于请求服务器发送某个资源.在HTTP/1.1中,要求服务器实现此方法;POST请求方法起初是用来向服务器输入数据的.在HTTP/1.1中,POST方法是可选被实现的,没有明确规定要求服务器实现. 2.浏览器对URL的长度有限制,所以GET请求不能代替POST请求发送大量数据 RFC 2616 中明确对 uri 的长度并没有限制.不过虽然在RFC中并没有对uri的长度进行限制,但是各大浏览器厂家在实现的时候限制了URL的长度,可

HTTP的Get/Post请求区别

HTTP的Get/Post请求区别归纳 1. get是从服务器上获取数据,post是向服务器传送数据.g et 和 post只是一种传递数据的方式,get也可以把数据传到服务器,他们的本质都是发送请求和接收结果.只是组织格式和数据量上面有差别,http协议里面有介绍 2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到.post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTI

PHP AJAX JSONP实现跨域请求使用实例

在之前我写过“php返回json数据简单实例”,“php返回json数据中文显示的问题”和“在PHP语言中使用JSON和将json还原成数组”.有兴趣的童鞋可以看看 今天我写的是PHP AJAX JSONP使用的实例.不清楚jsonp是什么的请自己搜索 实例1 test.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>test</title