`
谙an谧
  • 浏览: 9609 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery学习之AJAX

    博客分类:
  • JS
阅读更多

JQuery学习之AJAX
1.$(selector).load(URL,data,callback);
参数解释:
url:请求路径;
data:可选。发送到服务器的数据;格式为:{name:value};也可以作为参数列表添加到url中;
function(response,status,xmlHttp)为回调函数,load完成后执行;
参数解释:
response:调用成功时的响应结果;
status:请求的状态("success", "notmodified", "error", "timeout" 或 "parsererror");
xmlHttp:XMLHttpRequest对象;
eg:$("#show").load("operate.jsp?userName="+$("#username").val()+"&btn=check");

2.$.get(URL,callback)和$.post(URL,data,callback);
大致同load();

3.$.ajax([setting]);
setting:可选。用于配置Ajax请求的键值对集合,可以通过$.ajaxSetup()设置任何选项的默认值;
eg:
$.ajaxSetup({url:"test.jsp",success:function(){alert("SUCCESS!")}});
$.ajax({data:{name:"value"}});
常用参数:
async:ture/false是否异步请求;
cache:默认值为true,dataType为script和jsonp时默认为false。设置为 false 将不缓存此页面。
contentType:用于设置发送内容到服务器的编码方式;
    eg:contentType: "application/x-www-form-urlencoded; charset=utf-8";
content:用于设置回调函数的上下文eg;context: document.body;
data:发送到服务器的数据eg:data:{name:value};可以是字符串,数组,json等;
dataType:设置服务器返回的数据类型,可以是xml,html,script,json.jsonp,text;
sucess/error:用于请求成功或失败时调用此回调函数;
success:function(data,textStatus)参数解释 data:服务器返回的数据;textStatus:返回状态;
error:function(XMLHttpRequest, textStatus, errorThrown)包含三个参数:XMLHttpRequest 对象,错误信息,(可能)捕获的错误对象。
eg:success:function(data){alert(data)};
xhr:返回一个XMLHttpRequest对象;

4.$.getJSON(url,data,function(data,status,xhr));
为简写的Ajax函数,等价于:
$.ajax({
  url: url,
  data: data,
  success: callback,
  dataType: json
});

5.$(selector).serialize();
创建以标准 URL 编码表示的文本字符串;通过序列化表单值,创建 URL 编码文本字符串;
输出格式为:name=value&name1=value1...

6.$(selector).serializeArray();
序列化表单元素(类似 .serialize() 方法),返回 JSON 数据结构数据;
输出格式为:
[
  {name: 'firstname', value: 'Hello'},
  {name: 'lastname', value: 'World'},
  {name: 'alias'}, // 值为空
]

分享到:
评论

相关推荐

    jquery、ajax学习电子书.zip

    《jQuery与Ajax学习指南》是一本专为初学者和有一定JavaScript基础的开发者设计的电子书,旨在帮助读者深入理解和熟练掌握这两个在实际Web开发中不可或缺的技术。jQuery是一个强大的JavaScript库,它极大地简化了DOM...

    jquery,ajax的几个小例子

    **jQuery和Ajax技术详解** jQuery是一款非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理以及Ajax交互。...通过学习和实践这些基本的Ajax功能,开发者能够构建出更加动态和响应式的网页应用。

    jQuery中的ajax学习

    本篇文章将深入探讨jQuery中的Ajax学习,主要聚焦于如何使用jQuery进行异步数据交换,以及它如何帮助开发者创建更高效、更流畅的用户界面。 首先,jQuery的`$.ajax()`函数是实现Ajax的核心方法。它允许我们发送HTTP...

    Jquery跨域Ajax请求测试

    本示例"Jquery跨域Ajax请求测试"将详细讲解如何利用jQuery实现这一功能。 首先,了解同源策略是理解跨域问题的关键。同源策略是浏览器为了保障用户安全而设定的一项机制,它规定了只有来自同一协议、同一域名和同一...

    jquery.unobtrusive-ajax.rar

    这个库利用数据属性(data-* attributes)和jQuery事件来实现Ajax功能,使得页面的异步更新更加优雅和易于维护。 在传统的Web开发中,Ajax通常需要在JavaScript代码中添加大量细节,而jQuery Unobtrusive Ajax通过...

    利用Ajax+Jquery实现异步进度条效果

    "利用Ajax+Jquery实现异步进度条效果"这个主题正是围绕这一目标展开,它涉及到C#后端开发、.NET框架、Ajax技术以及Jquery库的前端应用。下面将详细阐述这些知识点。 首先,C#是一种面向对象的编程语言,广泛应用于...

    Jquery Ajax分页(有实例)

    **jQuery AJAX分页技术详解** ...对于初学者,这个实例是学习和理解AJAX分页的宝贵资源,而对于经验丰富的开发者,它则提供了灵感和参考。在实践中不断探索和优化,将能创造出更多适应不同场景的分页解决方案。

    基于jQuery的Ajax聊天室程序

    【基于jQuery的Ajax聊天室程序】是一个典型的Web交互应用,它利用了Ajax技术来实现实时的、无需页面刷新的用户交流。Ajax(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,能够更新部分网页...

    javascript+jquery+ajax相关学习资料PPT

    学习这些资料,你将能够掌握JavaScript、jQuery和AJAX的基本概念,了解它们如何协同工作,以及如何在实际项目中运用这些技术来创建高性能的网页应用。通过实践,你可以提高自己的前端开发技能,为构建现代Web应用...

    jQuery+ajax实现三级级联

    在IT行业中,jQuery和ajax是两个非常重要的技术,它们在构建动态、交互性强的Web应用程序时发挥着关键作用。在这个“jQuery+ajax实现三级级联”的...对于学习和理解jQuery和ajax的使用,这个实例是一个很好的实践案例。

    jquery,jquery是Ajax的一个框架

    **jQuery:Ajax 的强大工具** jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了前端开发中的许多任务...通过学习和熟练掌握 jQuery 与 AJAX 的结合使用,你可以创建出更加交互性强、用户体验优秀的 web 应用。

    Jquery Ajax简易计算器

    **jQuery AJAX简易计算器** 在Web开发中,动态交互是提升用户体验的重要手段,而jQuery的AJAX功能正是实现这种交互的核心技术。本项目“jQuery AJAX简易计算器”旨在展示如何利用jQuery库与服务器端进行异步数据...

    jquery与ajax调用,有代码 , 有说明,使ajax调用简单

    **jQuery与Ajax调用详解** 在Web开发中,jQuery与Ajax的结合使用极大地简化了异步数据交互的过程,使得前端可以高效地与服务器进行通信,而无需刷新整个页面。本教程将详细介绍如何利用jQuery实现Ajax调用,并通过...

    jquery-ajax最简单的实力

    在这个教程中,我们将深入理解如何使用jQuery中的AJAX函数来读取XML文件,进而实现二级联动效果,这对于初学者来说是一个很好的学习起点。 **一、jQuery AJAX基础** 1. **AJAX简介**:AJAX允许在不刷新整个页面的...

    jquery+ajax的视频讲解

    **jQuery与AJAX详解** 在Web开发中,jQuery和AJAX是两个不可或缺的重要技术,它们大大简化了前端与服务器端的交互过程。...通过实践和学习,你将能够自如地利用jQuery和AJAX构建更加动态和高效的网页应用。

    用jquery开发的ajax各种实例包括(级联菜单,谷歌式搜索提示,可编辑表格页面无刷新切换等)

    在本文中,我们将深入探讨如何使用jQuery库进行AJAX(异步JavaScript和XML)开发,通过实际案例来学习包括级联菜单、谷歌式搜索提示和可编辑表格在内的常见功能。这些功能都允许用户在不刷新整个页面的情况下与网页...

    Struts2+Jquery+Ajax

    6. Struts2与Ajax的集成,使用JQuery的$.ajax()或$.getJSON()方法 7. 请求与响应的处理,包括参数传递和数据封装 8. 实例演示:使用Struts2+Jquery+Ajax实现动态加载数据或表单验证 "struts2 jar"文件包含了Struts2...

    asp+jquery ajax实例源码,添加,删除,修改,分页

    【ASP + jQuery AJAX 实例源码详解】 ASP (Active Server Pages) 是微软开发的一种服务器端脚本语言,常用于构建动态网页。jQuery 是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画以及AJAX交互。AJAX...

    jquery的ajax方法

    **jQuery的Ajax方法**是JavaScript库中的核心特性之一,它为开发者提供了简单、高效的数据交互方式,无需刷新页面即可实现异步与服务器进行通信。在Web开发中,jQuery的Ajax功能极大地简化了XMLHttpRequest对象的...

    html静态页JQuery ajax示例demo 源码

    在这个"html静态页JQuery ajax示例demo 源码"中,我们可以深入学习和理解AJAX在C# ASP.NET环境下的应用。 首先,AJAX(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,能够更新部分网页的...

Global site tag (gtag.js) - Google Analytics