深入理解Ajax的get和post请求
1.get请求
function () { //向服务器请求 时间 //1.创建异步对象(小浏览器) var xhr = new XMLHttpRequest(); //2.设置参数,true表示使用异步模式 xhr.open("get", "GetTime.ashx?name= Mr靖", true); //3.让get请求不从浏览器获取缓存数据 xhr.setRequestHeader("If-Modified-Since","0"); //3.设置回调函数 xhr.onreadystatechange = function () { //3.1当完全接收完响应报文后 并且 响应状态码为200的时候 if (xhr.readyState == 4 && xhr.status == 200) { //3.2获取相应报文体内容 var res = xhr.responseText; alert(res); } }; //4.发送异步请求 xhr.send(null); }
2.post请求
function () { //向服务器请求 时间 //1.创建异步对象(小浏览器) var xhr = new XMLHttpRequest(); //2.设置参数 xhr.open("post", "GetTime.ashx", true); //3.设置 请求 报文体 的 编码格式(设置为 表单默认编码格式) xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); //4.设置回调函数 xhr.onreadystatechange = function () { //3.1当完全接收完响应报文后 并且 响应状态码为200的时候 if (xhr.readyState == 4 && xhr.status == 200) { //3.2获取相应报文体内容 var res = xhr.responseText; alert(res); } }; //5.发送异步请求"name=Mr靖" //5.1格式:直接拼接字符串 key=value&key1=value2 xhr.send("name=Mr靖&age=18"); };
以上这篇深入理解Ajax的get和post请求就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
Ajax post请求跳转页面
最近因为公司需求,需要ajax post请求并跳转界面,网上搜了一下资料,差不多都是用window.location.href来处理,但是在请求页面的地址栏中会暴露请求的参数,这是不安全的. $.post( url, {method:"regist",userName:$nameEle.val(),email:$emailEle.val(),password:$passwordEle.val()}, function(data) { //注册成功页面跳转, window.locatio
-
防止页面url缓存中ajax中post请求的处理方法
防止页面url缓存中ajax中post请求的处理方法 一般我们在开发中经常会用到Ajax请求,异步发送请求,然后获取我们想要的数据,在Ajax中使用Get请求数据不会有页面缓存的问题,而使用POST请求可是有时候页面会缓存我们提交的信息,导致我们发送的异步请求不能正确的返回我们想要的数据,那么遇到这种情况,我们应该怎么办呢??? 下面介绍一种方式来防止ajax中post 请求 页面缓存 url 信息: $.post(url,data ,ranNum:Math.random()} ,functio
-
Node.js如何响应Ajax的POST请求并且保存为JSON文件详解
实现目的 使用D3.js开发的前端应用,用户与图交互更改图的内容后,如何在下一次加载的显示上一次最后交互的内容? 本文提供通过后端的Node.js程序提供一种最小化方案,作为参考. 开发环境 后端:Node.js Node.js模块:Express.body-parser.fs 前端:JQuery 后端 1.安装nodejs,装好后用显示版本号确认是否安装好 node --version 2.新建一工程目录(文件夹),安装模块. npm install express npm install b
-
使用jQuery的ajax方法向服务器发出get和post请求的方法
打算写个ajax系列的博文,主要是写给自己看,学习下ajax的相关知识和用法,以更好的在工作中使用ajax. 假设有个网站A,它有一个简单的输入用户名的页面,界面上有两个输入框,第一个输入框包含在一个form表单里用来实现form提交,第二个输入框是单独的.没有包含在form里,下面就用这两个输入框来学习下jQuery的ajax. 1,前端的html和javascript代码 页面html <main style="text-align: center; margin: 200px aut
-
asp.net+ajax的Post请求实例
本文实例讲述了asp.net+ajax的Post请求的实现方法.分享给大家供大家参考.具体如下: 复制代码 代码如下: //一个ajax的Post请求 function submitInfo() { $(".warn").hide(); //刚提交的时候隐藏错误的信息 var data = $("#formData").serialize(); //将表单的数据通过序列化表单值,创建 URL 编码文本字符串.形成一个表
-
深入理解Ajax的get和post请求
1.get请求 function () { //向服务器请求 时间 //1.创建异步对象(小浏览器) var xhr = new XMLHttpRequest(); //2.设置参数,true表示使用异步模式 xhr.open("get", "GetTime.ashx?name= Mr靖", true); //3.让get请求不从浏览器获取缓存数据 xhr.setRequestHeader("If-Modified-Since","0&
-
深入理解ajax系列第一篇之XHR对象
前面的话 ajax是asynchronous javascript and XML的简写,中文翻译是异步的javascript和XML,这一技术能够向服务器请求额外的数据而无须卸载页面,会带来更好的用户体验.虽然名字中包含XML,但ajax通信与数据格式无关.下面将详细介绍ajax的内容 创建 ajax技术的核心是XMLHttpRequest对象(简称XHR),这是由微软首先引入的一个特性,其他浏览器提供商后来都提供了相同的实现.XHR为向服务器发送请求和解析服务器响应提供了流畅的接口,能够以
-
jQuery中ajax的4种常用请求方式介绍
AJAX 是一种与服务器交换数据的技术,可以在补充在整个页面的情况下更新网页的一部分. jQuery中ajax的4种常用请求方式: 1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选项见下. 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml"). 实例: 保存数据到服务器,成功时显示信息. $.aj
-
浅谈js的ajax的异步和同步请求的问题
先来看以下代码: var flag=true; var index=0; $.ajax({ url: "http://www.jb51.net/", success: function(data){ flag=false; } }); while(flag){ index++; } alert(index); 请问最后alert的index的结果是多少? 可能有人会说0呗.实际上却没那么简单.大家可以自己试试看.可以看到最终程序进入了一个死循环!怎么会这样呢! 我们在看一段代码: va
-
Ajax如何进行跨域请求?Ajax跨域请求的原理
本文实例为大家分享了Ajax跨域请求的具体实现过程,供大家参考,具体内容如下 下面我们在本地建两个站点演示一下 第一步首先我们在本地搭建好一个Apache服务器:下载地址: 第二步服务器配置好以后,在本地配置好两个虚拟的域名: 第三步我们在C盘建一个文件夹命名为"HTML5": 第四步找到Apache虚拟主机的配置文件,然后打开配置文件 第五步在第三步建的HTML5文件夹下分别建一个文件夹a和文件夹b; 第六步修改Apache虚拟主机的配置文件,如图 第七步修改一下host文件,添加a
-
AJAX避免用户重复提交请求实现方案
在使用AJAX(jQuery)异步请求数据时,为了避免因某些原因用户同时多次点击按钮,提交重复的请求,我们需要禁用请求提交按钮. 重点:jQuery的 attr 和 removeAttr 两个函数,主要是元素button的disabled属性. Demo: 复制代码 代码如下: <body> <a class="disabled">Button disabeld</a> <a class="abled">Butt
-
jQuery+koa2实现简单的Ajax请求的示例
前言 之前写Ajax代码只管前端的实现,感觉这样导致自己对Ajax的请求的理解不够深入,所以写了这个从前端到后端的Ajax实现小demo,分别实现简单的GET和POST请求,加深下对前后端交互的理解. 技术栈 koa2 jQuer 需求 某些逻辑可以直接在前端处理,这里发给后端处理是为了更好地理解Ajax请求. POST 通过填写编号和姓名并发送POST请求来保存人员信息,当信息未填写或填写不正确时给出格式错误的提醒:当信息填写正确但编号已存在时给出编号已存在的提醒:当信息填写正确且编号不存在时
-
AJAX请求是否真的不安全?谈一谈Web安全与AJAX的关系
开篇三问 AJAX请求真的不安全么? AJAX请求哪里不安全? 怎么样让AJAX请求更安全? 前言 日前网络中流行围绕AJAX和安全风险的讨伐声浪让人不绝于耳.下面就来详细谈一谈Web安全与AJAX的关系. 本文包含的内容较多,包括AJAX,CORS,XSS,CSRF等内容,要完整的看完并理解需要付出一定的时间. 另外,见解有限,如有描述不当之处,请帮忙及时指出. 正文开始... 从入坑前端开始,一直到现在,AJAX请求都是以极高的频率重复出现,也解决过不少AJAX中遇到的问题,如跨域调试,错误
-
Ajax发送和接收请求
首先Ajax的不刷新页面提交数据,现在应用非常广泛,废话不多说马上进主题!! 基本上浏览器能接收的信息,Ajax都可以接收,ex:字符串,html标签,css标签,xml格式内容,json格式内容等等..... <script> // IE浏览器 if(ActiveXObject){ // 微软目前AJAX最新版本 var ajax = new ActiveXObject("Msxm12.XMLHTTP.6.0"); }else{ // 主流浏览器 var ajax = n
-
Jquery Ajax请求方法小结(值得收藏)
jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯. 废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到). 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) :
随机推荐
- MongoDB数据库查询性能提高40倍的经历分享
- jquery对Json的各种遍历方法总结(必看篇)
- 微信小程序本作用域下调用全局JS详解及实例
- Flex 读取xml文件的方法
- 编写高质量的js之正确理解正则表达式回溯
- javascript trim 去空格函数实现代码
- Java Hibernate中使用HQL语句进行数据库查询的要点解析
- 20行js代码实现的贪吃蛇小游戏
- 如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
- Python实现LRU算法的2种方法
- C#统计字符串里中文汉字个数的方法
- 提高php运行速度的一些小技巧分享
- mysql 10w级别的mysql数据插入
- 简单易懂的python环境安装教程
- Linux到桌面尚需时日
- Android实现简洁的APP更新dialog数字进度条
- Android Activity 横竖屏切换的生命周期
- C#实现远程关闭计算机或重启计算机的方法
- 微信小程序webview与h5通过postMessage实现实时通讯的实现
- Layui弹出层 加载 做编辑页面的方法