1.$.post方法
$.post(url[,data][,callback][,type])
url:请求的后台程序地址
data:发送到后台的数据
callback:载入成功时回调函数,该函数参数是从后台程序接收的结果
type:返回数据的类型
示例: $.post( 
'getContent.php',
{id:101},
function(msg){alert (msg)}, 
'json' 
)
2.$.get方法
$.get(url[,data][,callback][,type])
$.get(
'getContent.php',
{id:101,'_':Date.parse(new Date())}, 
function(msg){alert (msg)}, 
'json'
)
3.$.ajax方法
$.ajax({ url,type,cache,data,dataType,success,error,contentType,processData[,其他可选参数] });
$.ajax({
    url:'upimg.php',
    type:'post',//FormData只能使用post方式
    data:fd,
    contentType:false,//DOM形式发送数据使用false
    processData:false,//DOM形式发送数据使用false
    dataType:'json',
    success:function(msg){
        alert(msg);
        }
    })
  • ajax的原理,流程,优缺点
  •       原理:
  •            ajax:  ajax是一种提供动态交互的网页开发技术,
  •            通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面
  •      流程:
  •         (1)创建对象
  •         (2)和服务器建立连接
  •         (3)发送数据
  •         (4)服务器响应客户端的请求,并将处理结果返回为客户端
  •      优点:
  •          (1)页面无刷新,在页面内与服务器通信,用户的体验非常好。
  •   (2)使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的响应能力。
  •   (3)ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。
  •        (可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本,减轻服务器的负担。)

缺点:
  (1)破坏了浏览器后退机制,可以通过IFRAME来重现页面上的变更,但是成本较高,与它所要求的快速开发是相背离。
  (2)安全问题:暴露比以前更多的数据和服务器逻辑,容易受到跨站点脚步攻击、SQL注入攻击
  (3)一些手持设备(如手机、PDA等)现在还不能很好的支持ajax  

JQuery封装ajax的方法的更多相关文章

  1. Jquery封装ajax

    Jquery封装ajax   Load方法     <!-- 将jquery.js导入进来 -->     <script type="text/javascript&qu ...

  2. 模仿JQuery封装ajax功能

    需求分析 因为有时候想提高性能,只需要一个ajax函数,不想引入较大的jq文件,尝试过axios,可是get方法不支持多层嵌套的json,post方式后台接收方式似乎要变..也许是我不太会用吧..其实 ...

  3. Ajax请求(二)--JQuery的Ajax请求方法

    JQuery库的Ajax请求的几种方法: 1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. 参数含义: url (String ...

  4. jQuery封装的选项卡方法

    ********************************************************2018/3/15更新********************************* ...

  5. js封装ajax的方法

    常用的ajax请求方法封装 /** * ajax请求的封装代码 */ function ajaxPost(url, params, cb) { $.ajax({ type : 'post', url ...

  6. jquery的ajax post 方法传值到后台,无法通过HttpServletRequest得到

    今天通过$.ajax({type:"post"});和$.post()方法传值到后台,发现servelet通过HttpServletRequest无法获取到值,但通过get方法却可 ...

  7. jQuery与ajax 基础运用

    jQuery是一个轻量级js框架,使用方便快捷,更是封装ajax处理方法,如$.load() $.get() $.post() 等 但最常用的方法还是$.ajax() 一.一般的格式为 $.ajax( ...

  8. IT兄弟连 JavaWeb教程 jQuery对AJAX的支持经典面试题

    1.简述对Ajax的理解 AJAX是Asynchronous JavaScript and Xml异步的JavaScript和Xml.它一种用来改善用户体验的技术其实质是使用XMLHttpReques ...

  9. ajx技术解析以及模拟jQuery封装

    1.后台处理程序 <%@ page language="java" contentType="text/html; charset=UTF-8" page ...

随机推荐

  1. Tensorboard服务激活

    首先确定Tensorflow的具体位置(在Dos环境下,也就是cmd) cd .. cd scripts conda env list activate tensorflow tensorboard ...

  2. redis_4 主从模式

    配置主服务器: 进入 redis 配置文件redis.conf. 修改 bind 127.0.0.1 为 bind 0.0.0.0 关闭防火墙,只有root用户能操作 .开启 命令为:ufw enab ...

  3. selenium+java启动chrome浏览器

  4. elasticsearch 分页查询实现方案

    1. from+size 实现分页 from表示从第几行开始,size表示查询多少条文档.from默认为0,size默认为10, 注意:size的大小不能超过index.max_result_wind ...

  5. APS.NET webform中的isPostBack

    IsPostBack介绍Page.IsPostBack是一个标志:当前请求是否第一次打开. 调用方法为:Page.IsPostBack或者IsPostBack或者this.IsPostBack或者th ...

  6. POJ 2110

    终于过了,SHIT,二分+DFS即可,二分区间,根据数字是否在区间内,变成迷宫题了.枚举第一个格子,二分上界,即可. #include <iostream> #include <cs ...

  7. 升级后开机就提示“android.process.acore”停止执行 --分析 解决方式

    OTA升级的,升级引发的全部问题都是能够解释的,有的能解决,有的不能解决. 一个项目报了这个问题. 升级后开机就提示"android.process.acore"停止执行 抓取 a ...

  8. CountDownLatch使用方法

    CountDownLatch是一个同步辅助类,在完毕一组正在其它线程中运行的操作之前.它同意一个或多个线程一直等待. 如果我们周末要去旅游.出游前须要提前订好机票.巴士和酒店,都订好后就能够出发了.这 ...

  9. ios假设写一个提示带动画的View,能够来引导用户行为

    先上图: 这个UIView能够这样写: -(id)initWithFrame:(CGRect)frame backImage:(UIImage*)image msgStr:(NSString*)txt ...

  10. vue路由钩子拦截器beforeEach和afterEach及页面路由变化路由监听

    在路由跳转的时候,我们需要一些权限判断或者其他操作.这个时候就需要使用路由的钩子函数. 定义:路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数. 总体来讲vue里面提供了三大类钩子 ...