js中ajax连接服务器open函数的另外两个默认参数get请求和默认异步(open的post方式send函数带参数)(post请求和get请求区别:get:快、简单 post:安全,量大,不缓存)(服务器同步和异步区别:同步:等待服务器响应当中浏览器不能做别的事情)(ajax和jquery一起用的)

一、总结

1、open的post方式send函数带参数:如果连接服务器open函数中的请求方式是post方式的话,那么向服务器发送请求的send需要带上参数(默认get方式的话是直接url带参数,send函数默认为null参数),参数就是post传过去的数据

2、post请求和get请求区别:get:快、简单 post:安全,量大,不缓存

3、服务器同步和异步区别:同步:等待服务器响应当中浏览器不能做别的事情

向服务器发送请求:使用open() 和 send() 方法:

  • open(method,url,async):规定请求的类型、URL 以及是否异步处理请求。
    1. method:请求的类型;GET 或 POST
    2. url:文件在服务器上的位置
    3. sync:true(异步)或 false(同步)
  • send(string):string:仅用于 POST 请求

二、js中ajax连接服务器open函数的另外两个默认参数get请求和默认异步

了解GET和POST请求的区别

在客户机和服务器之间进行请求-响应时,两种最常被用到的方法是:GET 和 POST。

  • GET方法:通常用来从指定的资源请求数据。

    • GET 请求可被缓存
    • GET 请求保留在浏览器历史记录中
    • GET 请求不应在处理敏感数据时使用
    • GET 请求有长度限制

      由于GET方法提交的数据是作为URL请求的一部分所以提交的数据量不能太大

    • GET 请求只应当用于取回数据
  • POST方法: 通常用来向指定的资源提交要被处理的数据
    • POST 请求不会被缓存
    • POST 请求不会保留在浏览器历史记录中
    • POST 请求对数据长度没有要求
    • POST方法主要是向服务器提交数据,尤其是大批量的数据
  • 与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。本章中不对POST做展开讲解

了解同步和异步的区别

  • 同步:提交请求->等待服务器处理->处理完毕返回这个期间客户端浏览器不能干任何事

    当前只能做一件事,其他事情必须等当前的事情完成,才能继续后面的事情。

    不推荐使用,但某些情况下需要:比如当前请求的结果是下一步请求的前提,知道当前请求的结果才可以处理后续请求

  • 异步:请求通过事件触发->服务器处理(这是浏览器仍然可以作其他事情)->处理完毕

    同时可以做多件事情

温馨提示

本章介绍了Ajax的工作原理和基本用法,但对一些问题进行了一定程度的简化,如果想要真正用户Ajax还需要多少懂一点服务器端的语言

本章封装的函数还有进一步需要改善的地方,在一些JS框架中都有封装好的Ajax方法,后续课程中还会进一步介绍

  • 本章忽略简化的内容如下

    • 向服务器请求数据时传递参数的情况
    • POST提交的情况
    • 涉及到服务器端处理的一些内容
    • ......

三、代码

js中ajax连接服务器open函数的另外两个默认参数get请求和默认异步(open的post方式send函数带参数)(post请求和get请求区别:get:快、简单 post:安全,量大,不缓存)(服务器同步和异步区别:同步:等待服务器响应当中浏览器不能做别的事情)(ajax和jquery一起用的)的更多相关文章

  1. Ajax中get请求和post请求

    我们在使用Ajax向服务器发送数据时,可以采用Get方式请求服务器,也可以使用Post方式请求服务器,那么什么时候该采用Get方式,什么时候该采用Post方式呢? Get请求和Post请求的区别: 1 ...

  2. 前端ajax中运用post请求和get请求之于session验证

    首先我们来看下ajax两种请求的区别: Ajax中POST和GET的区别Get和Post都是向服务器发送的一种请求,只是发送机制不同. 1. GET请求会将参数跟在URL后进行传递,而POST请求则是 ...

  3. JSP、Servlet中get请求和post请求的区别总结

    在学习JavaWeb最初的开始阶段,大家都会遇到HttpServlet中的doGet和doPost方法.前两天看<Head First Servlets & JSP>看到其中讲关于 ...

  4. Ajax相关——get请求和post请求的区别

    一.完整的URL由以下几部分组成: scheme:通信协议,常用的有:http/ftp. host:主机,服务器(计算机)域名或IP地址 port:端口,整数,可选,省略时使用默认端口,http的默认 ...

  5. axios中出现两次请求,OPTIONS请求和GET请求

    在项目中发现ajax中出现两次请求,OPTIONS请求和GET请求 查看到浏览器NetWork有两次请求,请求url一样: 查找原因是浏览器对简单跨域请求和复杂跨域请求的处理区别. XMLHttpRe ...

  6. httpclient就是个能发送http连接的工具包,包括能发送post请求和get请求

    1.httpclient就是个能发送http连接的工具包,包括能发送post请求和get请求. http 连接一次就有返回流.http是个双向的嘛.只有连接了,就会有输出返回流. 所以在执行http连 ...

  7. springMVC 中 ajax get 请求和 post 请求的坑以及参数传递

    1, ajax 请求 无论为 post ,或者 get ,url中带有?形式的参数,后台都能以String类型变量接收,变量名称和参数名称必须一致 前台ajax: $.ajax( "prod ...

  8. GET请求和POST请求简单说明

    一.概述 * HTTP/1.1协议共定义了8中请求方法:OPTIONS, HEAD, GET, POST, PUT, DELETE, TRACE, CONNECT. * GET方法和POST是我们使用 ...

  9. python——请求服务器(http请求和https请求)

    一.http请求 1.http请求方式:get和post get一般用于获取/查询资源信息,在浏览器中直接输入url+请求参数点击enter之后连接成功服务器就能获取到的内容,post请求一般用于更新 ...

随机推荐

  1. Qt 5.11的QChar、QString、QTextBoundaryFinder和双向文本算法现在完全兼容Unicode 10

    本文翻译自:Qt 5.11 released 原文作者: Qt公司CTO兼Qt开源项目维护官Lars Knoll翻译校审:Richard.Hongfei.Haipeng 5月22日,我们提发布了Qt ...

  2. vim-录制命令的使用

    使用vim时无意间触碰到q键,左下角出现“recording”这个标识,这是vim的一个强大功能. 他可以录 制一个宏(Macro),在开始记录后,会记录你所有的键盘输入,包括在insert模式下的输 ...

  3. C# 中编写函数式代码

    http://www.dotnetcurry.com/csharp/1384/functional-programming-fsharp-for-csharp-developers 写给 C# 开发人 ...

  4. Fedora 10下应用网络模拟器NS心得

    650) this.width=650;" onclick='window.open("http://blog.51cto.com/viewpic.php?refimg=" ...

  5. go语言函数作为参数传递

    go语言函数作为参数传递,目前给我的感觉几乎和C/C++一致.非常的灵活. import "fmt" import "time" func goFunc1(f ...

  6. 在 Swift 專案中使用 Javascript:編寫一個將 Markdown 轉為 HTML 的編輯器

    原文:Using JavaScript in Swift Projects: Building a Markdown to HTML Editor 作者:GABRIEL THEODOROPOULOS ...

  7. 淺談Unity 5.4新功能:Light Probe Proxy Volume

    作者:CHRISTOPHER POPE 原文連結 Unity 5.4進入到Beta的階段.当中一個特別的功能是光照探頭代理Light Probe Proxy Volume(LPPV).本篇會向大家介紹 ...

  8. 删除online日志測试及ora-600 [4194]错误的处理

    今天做了一个关于破坏online日志的恢复測试,主要三个场景: 測试1:正常关闭数据库后删除非当前日志 測试2:正常关库后.删除在线日志文件 測试3:非正常关闭数据库.并删除当前在线日志文件 我的測试 ...

  9. 将一个字符串当做一个方法名或对象的key

    var func = "test" // 方法 [func](){ console.log("test===>") } //调用 test() //打印 ...

  10. COCOS学习笔记--持续动作ActionInterval

    上一篇博客介绍了即时动作ActionInstant.与即时动作相对的是持续动作ActionInterval. 顾名思义,持续动作就是须要一段时间来持续运行的动作,而且在有限时间内改变运行对象的一些属性 ...