jQuery基础3

                                   jQuery基础3
   开发工具与关键技术:Visual Studio2015 与jQuery  作者:北道海棠   撰写时间:2019.05.25

联系上期的,今天主要了解的是get()和post()方法,还有同步和异步的区别。
get( )和post( )
jQuery get() 和 post() 方法都是用于通过 HTTP GET 或 POST 请求从服务器请求数据。
jQuery $.get()方法
通过远程 HTTP GET 请求载入信息。这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。

语法:     $.get (url, [data], [callback], [type]);
参数说明:
                  url:待载入页面的URL地址
                 data:待发送 Key/value 参数。
             callback:载入成功时回调函数。
             type:返回内容格式,xml, html, script, json, text, _default.

jQuery $.post()方法
通过远程 HTTP POST请求载入信息。这是一个简单的 POST 请求功能以取代复杂 $.ajax ,请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。

语法:     $.post(url, [data], [callback], [type]);
参数说明:
                  url:待载入页面的URL地址
                 data:待发送 Key/value 参数。
             callback:载入成功时回调函数。
             type:返回内容格式,xml, html, script, json, text, _default.

当我们需要用它们来提交form表单时它们又有何不同,下面来看看。
我们首先要在form表单中加上相关属性和值,语法如下:

<form action=”URL” method=”get/post”></form>

action属性:规定当提交表单时向何处发送表单数据。
(注:其中URL有可能是绝对URL,也有可能相对URL。绝对URL指的是表单指向指定站点,而相对URL则指的是表单指向站点内的文件。)
Method属性:规定用于发送 form-data 的 HTTP 方法。(提交表单的方式)
GET提交时参数直接暴露在URL上。(W3School上给出的区别:)与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。然而,在以下情况中,请使用 POST 请求:
 无法使用缓存文件(更新服务器上的文件或数据库)
 向服务器发送大量数据(POST 没有数据量限制)
 发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠
get/post区别:
1、Get方法是用来向服务器上获取数据,而Post是用来向服务器上传递修改数据。
2、Get将表单里的数据添加到action所指向的URL后面,并且两者之间使用”?”连接,而各个变量之间使用”&”连接;Post是将表单中的数据放在form的数据体中,按照变量和值对象的方式,传递到所指向的action.
3、Get是不安全的,因为在传输过程中,数据被放在请求的Url中,这样,用户可以直接在浏览器上看到提交的数据,一些系统内部信息也一同显示在用户面前。Post的所有操作对用户来说都是不可见的。
4、Get传输的数据量小,主要是受限与于Url长度限制,其中IE浏览器对URL的最大限度为2083个字符(http://hqlong.com/2009/12/1164.html) 。 而post可以的传输大量的数据,所以在上传文件和大数据量时使用post。
5、Form提交默认为Get方法提交。
6、Get方式获取数据后,刷新不会有负面的影响,因为它只是获取数据,而Post方法刷洗页面重复提交可能会产生不良的后果。
同步和异步
在我们日常编码中经常需要在一个页面上提交多个内容的代码,在这过执行过程中,我们就要思考这些内容是一个执行完了,再来执行下一个,等它执行完了再到下一个,以此类推下去,还是想要它们能够快速些执行完提交到页面展示出来呢?在时候我们就要知道同步和异步提交的差别了。
同步就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去,直到收到返回信息才继续执行下去;
异步是指进程不需要一直等下去,而是继续执行下面的操作,不管其他进程的状态。当有消息返回时系统会通知进程进行处理,这样可以提高执行的效率。
这两种请求方法中的同步执行请求就比如生活老师安排同学去买生活用品一样,给同学们分配好自己需要买的东西后,全部人先排成一队在一旁等候,由第一个同学先行出发,其余同学在原地等候第一名同学回来,第一名同学回来后,第二名同学出发,如同接力一样,第二名同学回来后第三名、、、、、、一直下去,到最后一名同学后才把所有东西买回来,在这个过程中需要花费较多时间,在现如今这个追求速度和效率社会中,这个方法远远满足不了人们的需求了,所以异步执行请求方法来了,异步请求就相当于老师把需要买的东西分配好给每个同学后,就让它们一起出发去买,这样在效率上就大大地提高了,
在jQuery的相关请求中大多数方法默认的执行方式都是异步执行请求的,但是有时候需要同步执行请求时,也是可以改成同步执行请求的,只需要在代码中再加多一个键值对即可。 例如下:

  $.ajax({ url: ” ”,  type: ” ”,  data: ” ”, async: ” ”  });

其中async的值有两个,一为true,二为false。在默认设置下,所以请求均为(true)异步请求,如需同步请求,请将此选项的值设置为false,当它为false时,就是同步请求了。
注:同步请求将锁住浏览器,用户其他操作必需等待请求完成才可以执行。
异步实现:
1、运用HTML与CSS来实现页面,表达信息
2、运用XMLHttpRequest和web服务器进行数据的异步交换
3、运用JavaScript操作DOM,实现动态局部刷新

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值