jquery[学习心得]ajax的注意点

ajax异步请求

优点:

1、不需要插件,只要支持javascript

2、用户体检极佳(局部刷新)

3、提升web程序的性能

4、减轻web服务器带宽的负担

缺点

1、不同版本的浏览器对xmlhttpRequest支持度不高

2、前进、后退的功能被破坏

3、搜索 引擎的支持度不高

4、开发调试工具缺乏



.load()方法是局部方法,适合做静态文件的异步获取

$.get()和$.post()是全局方法,适合传参到服务器

get方式有三种方式

1、通过?   ?url=ycku

2、‘url=yccku‘

3、url:‘ycku’

post方式只有2和3两种方式

$.get()和$.post()的区别

1、get请求是通过url提交的,post是通过http消息实体提交的

2、get提交有大小限制(2kb),post方式不受限制。

3、get方式会缓存下来,可能有安全问题,而post没有这个问题

4、get方式是通过$_GET()获取,post方式是通过$_POST()获取。



若是网速比较慢的话,加载需要时间的可以用

$(document).ajaxStart(fucntion()

{

  $(‘.loading‘).show();

}).ajaxStop(function()

{

  $(‘.loading‘).hide();

});

---恢复内容结束---

时间: 2024-08-01 10:33:13

jquery[学习心得]ajax的注意点的相关文章

jquery学习之AJAX

1,关于AJAX的简单介绍 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 是与server交换数据并更新部分网页的艺术,在不又一次载入整个页面的情况下. 2,什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建高速动态网页的技术. 通过在后台与server进行少量数据交换,AJAX 能够使网页实现异步

20151210 Jquery 学习笔记 AJAX 进阶

一.加载请求 在 Ajax 异步发送请求时,遇到网速较慢的情况,就会出现请求时间较长的问题.而超 过一定时间的请求,用户就会变得不再耐烦而关闭页面.而如果在请求期间能给用户一些提 示,比如:正在努力加载中...,那么相同的请求时间会让用户体验更加的好一些. jQuery 提供了两个全局事件,.ajaxStart()和.ajaxStop().这两个全局事件,只要用户触发 了 Ajax,请求开始时(未完成其他请求)激活.ajaxStart(),请求结束时(所有请求都结束了) 激活.ajaxStop(

20151205 jquery 学习笔记--Ajax

Ajax全称为:“Asynchronous JavaScript and XML”(异步 JavaScript 和 XML), 它并不是 JavaScript 的一种单一技术,而是利用了一系列交互式网页应用相关的技术所形 成的结合体.使用 Ajax,我们可以无刷新状态更新页面,并且实现异步提交,提升了用户 体验. 一.Ajax 概述 Ajax 这个概念是由 JesseJamesGarrett 在 2005 年发明的.它本身不是单一技术,是一串 技术的集合,主要有: 1.JavaScript,通过

jquery学习笔记-----ajax

$(selector).load( url [,date] [,callback] ) url:请求页面的url地址 date:发送至服务器的key:value数据 callback:请求完成时的回调函数,无论请求成功或失败,即只要XMLHttpRequest对象的状态为4或complete时就调用 此函数会将ajax返回的内容作为innerHTML插入到selector里面如果需要可以在url后面添加参数来筛选要插入的内容 如果有date参数则按照POST方式发送,否则按照GET方式发送.da

JQuery学习之Ajax应用

1.AJAX=异步javaScript和XML:在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示 2.load():简单但强大的AJAX方法,load()方法从服务器加载数据,并把返回的数据放入被选元中: 语法:$(selector).load(URL,data,callback); **必需的URL参数规定所希望加载的URL **可选的data参数规定与请求一同发送的查询字符串键/值对集合 **可选的callback参数是load()方法完成后执行的函数名称 $("#di

jquery学习心得:一个很好的css和js函数调用的例子

统一目录下的资源结构图: <html><head> <link rel="stylesheet" href="gallery.css" type="text/css" media="screen" charset="utf-8"/><script type="text/javascript" src="script.js"&g

Jquery的DataTable插件 AJAX 服务器分页的的学习心得(java版)

首先得先引入对应的js 1.jquery.min.js  首先导入 2. File:        jquery.dataTables.min.js Version:     1.9.4     这是我使用的版本 这是  jsp 页面 关键的table  代码 <table id="fuck" class="table table-bordered data-table"> <thead> <tr> <span style=

jquery validate学习心得

据说,javascript最初的由来就是为了解决表单的验证问题,当然现在的js已经能够用来做各种各样炫酷的效果,不过表单验证一直以来都是js很重要的一个用途(在博客园第一篇博客,不知道说些什么开头~~). 最近刚刚接触到了一个简答易用的表单验证插件jquery validation,下面来分享下这几天收集到的一些资料与学习心得. 一个优秀的表单验证插件:      作为受众多web开发者追捧的validation,它理应拥有如下各种优点: 1.内置验证规则:拥有必填,url,数字,email等1

jQuery学习笔记10:Ajax技术

jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. jQuery 采用了三层封装:最底层的封装方法为:$.ajax(),而通过这层封装了第二层有三种方法:.load().$.get()和$.post(),最高层是$.getScript()和$.getJSON()方法. 函数 描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求. .ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序.这是一个