Ajax学习——GET和POST请求(jQuery中的实现方式)(二)

Get和POST请求

  • get请求:

    • 语义:如果希望从服务端获取数据,使用get请求
    • 发送数据的方式:
      • 请求参数:通过请求发送的数据被称为请求参数。
      • get的请求参数被浏览器自动的连接到url后面。
      • 请求参数的格式为:
        • 名1=值1&名2=值2&...
        • 这种书写格式称为:urlencoded
        • 通过location.search可获取当前url?及后面的请求参数内容
    • 可发送的数据大小:
      • 2k左右
    • 可发送的数据格式
      • 只能发送文本形式的数据
    • get请求可以被缓存:
      • 因为get请求的信息都在地址栏中显示,如果将地址保存,这个请求的所有信息就都保存了。
  • post请求:
    • 语义:如果希望给服务端发送数据,使用post请求。
    • 发送数据的方式:
      • post请求的参数没有在url后面,而是在一个隐秘的位置传递的。

        • 如果发送一些隐私数据时,必须使用post方式发送。

          • 这里的安全是一种相对的说法,post方法相较get来说,安全一些,但不是绝对的安全。
    • 可发送数据大小:
      • post请求参数大小理论上没有限制。

        • 实际上受限于服务端的设置。

          • 服务端会根据功能设置限制,或者服务端根据处理性能进行限制。
    • 可发送的数据形式:
      • 数据类型不限,如果需要发送文件时,只能采用post方式发送
    • post请求无法被缓存
      • 因为post没有在地址栏中传数据 ,无法被缓存

$.ajax()发送get和post请求的方式。

$.ajax({
  type: ,  //请求方式
  url: ,   //请求的接口地址
  data: ,    //请求参数:data是一个对象
  success: function(res){
  //请求成功后执行的函数
  }
})

原文地址:https://www.cnblogs.com/itxcr/p/11719626.html

时间: 2024-11-10 10:57:09

Ajax学习——GET和POST请求(jQuery中的实现方式)(二)的相关文章

Jquery学习笔记(6)--jquery中attr和prop的区别【精辟】

jquery中attr和prop的区别 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很多.这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 上面的描述也许有点模糊,举几个例子就知道了. <a href="http://www.baidu.com&quo

jQuery中的CSS(二)

一:获取样式和设置样式 4.移除样式: 5.切换样式 6.判断是否包含某个样式 二:设置或获取HTML.文本和值 html() 取得第一个匹配元素的html内容.这个函数不能用于XML文档.但可以用于XHTML文档. 返回值 String 示例 HTML 代码: <div><p>Hello</p></div> jQuery 代码: $("div").html(); 结果: <p>Hello</p> html(val

jquery中的Promise 之二

参考 http://www.bitstorm.org/weblog/2012-1/Deferred_and_promise_in_jQuery.html http://joseoncode.com/2011/09/26/a-walkthrough-jquery-deferred-and-promise/ <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"

jQuery中的Ajax学习笔记

前段时间学习了<锋利的jQuery第六章>jQuery与Ajax应用,现做如下笔记: 我们先来了解一下,什么是Ajax呢?Ajax全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),它并不是指一种单一的技术,而是有机地利用了一系列交互式网页应用相关的技术所形成的结合体.简短地说,在不重载整个页面的情况下,Ajax通过后台加载数据,并在网页上进行显示. 我们来简要回顾一下Ajax.早在1998年,微软就引入了一个ActiveX控件,从而能

JQuery 中的Ajax

JQuery 对 Ajax 操作进行了封装, 在 jQuery 中最底层的方法时 $.ajax(), 第二层是 load(), $.get() 和 $.post(), 第三层是 $.getScript() 和 $.getJSON() /* * load(url,data,callback) * * jquery对象调用load()方法,返回内容会自动写入jquery对象内 * * url:请求路径 * * data:请求数据,以key/value形式,json数据格式 * * callback:

JSONP原理及jQuery中的使用

JSONP原理 JSON和JSONP JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,用于在浏览器和服务器之间交换信息. JSONP(JSON With Padding),就是打包在函数调用中的的JSON(或者包裹的JSON). JSON是一种数据格式,JSONP是一种数据调用方式. 1 //JSON 2 3 { 4 5 “name”: “sb” 6 7 } 1 //JSONP 2 3 callback({ 4 5 “name”: “sb” 6 7 }

jquery中的mouseenter实现理解

说在前面:首先说一下两者之间的区别,假设当前元素为element,mouseover事件具有冒泡特性,也就是说无论鼠标是从别的元素移动到element或者是从element的子元素移动到element都会触发mouseover事件.对于mouseenter事件,该事件没有冒泡特性,也就是说只有鼠标穿过该事件的时候才会触发mouseenter,如果鼠标一直在element内部"游走",则不会触发mouseenter.具体的例子可以参考这个例子点击打开链接. 前提说完了,那么怎么使用mou

Axios请求头中常见的几种Content-Type

Vue2.0之后,官方不再继续维护vue-resource,尤雨溪大大推荐使用Axios用来替代Ajax. Axios请求头中的Content-Type常见的有3种: 1.Content-Type:application/json 2.Content-Type:application/x-www-form-urlencoded 3.Content-Type:multipart/form-data 这里一个个来举例说明. 1.Content-Type: application/json 如果没有特

Jquery中的bind(),live(),delegate(),on()绑定事件方式 前言

前言 因为项目中经常会有利用jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on的区别,以便以后查阅,也希望该文章日后能帮助到园友,文中如有不当之处,还望各位指正,话不多说,直接进入正题. bind() 简要描述 bind()向匹配元素添加一个或多个事件处理器. 使用方式 $(selector).bind(event,data,function) event:必需项:添加到元素的一个或多个事件,例如 click,db