jQuery中的Ajax的一些方法

news/2024/7/10 23:45:16 标签: jQuery, ajax

jquery对Ajax操作进行了封装,在jquery中的$.ajax()方法属于最底层的方法,

还有load()、$.get()、$.post()、$.getScript()、$.getJSON()等

load()方法

load()方法是jquery中最简单和常用的ajax方法,能载入远程HTML代码并插入DOM中 结构为:load(url,[data],[callback])
使用url参数指定选择符可以加载页面内的某些元素 load方法中url语法:url selector 注意:url和选择器之间有一个空格
传递方式
load()方法的传递方式根据参数data来自动指定,如果没有参数传递,则采用GET方式传递,反之,采用POST
回调参数
必须在加载完成后才执行的操作,该函数有三个参数 分别代表请求返回的内容、请求状态、XMLHttpRequest对象
只要请求完成,回调函数就会被触发
$("#testTest").load("test.html",function(responseText,textStatus,XMLHttpRequest){
    //respnoseText 请求返回的内容
    //textStatus 请求状态 :sucess、error、notmodified、timeout
    //XMLHttpRequest 
})
load方法参数
参数名称                           类型                   说明
url                                   String                   请求HTML页面的URL地址
data(可选)                   Object                   发送至服务器的key / value数据
callback(可选)                   Function           请求完成时的回调函数,无论是请求成功还是失败

$.get()和$.post()方法

load()方法通常用来从web服务器上获取静态的数据文件。在项目中需要传递一些参数给服务器中的页面,那么可以使用$.get()和$.post()或$.ajax()方法
注意:$.get()和$.post()方法是jquery中的全局函数
$.get()方法
$.get()方法使用GET方式来进行异步请求
结构为:$.get(url,[data],callback,type)
如果服务器返回的内容格式是xml文档,需要在服务器端设置Content-Type类型 代码如下:header("Content-Type:text/xml:charset=utf-8") //php
$.get()方法参数解析
参数                                类型                     说明
url                                String             请求HTML页的地址
data(可选)                Object              发送至服务器的key/ value 数据会作为QueryString附加到请求URL中
callback(可选)                Function              载入成功的回调函数(只有当Response的返回状态是success才调用该方法)
type(可选)                String              服务器返回内容的格式,包括xml、html、script、json、text和_default
$.post()方法
它与$.get()方法的结构和使用方式相同,有如下区别
GET请求会将参数跟张乃URL后进行传递,而POST请求则是作为Http消息的实体内容发送给web服务器,在ajax请求中,这种区别对用户不可见
GET方式对传输数据有大小限制(通常不能大于2KB),而使用POST方式传递的数据量要比GET方式大得多(理论不受限制)
GET方式请求的数据会被浏览器缓存起来,因此其他人可以从浏览器的历史纪录中读取这些数据,如:账号、密码。在某种情况下,GET方式会带来严重的安全问题,而POST相对来说可以避免这些问题
GET和POST方式传递的数据在服务端的获取也不相同。在PHP中,GET方式用$_GET[]获取;POST方式用$_POST[]获取;两种方式都可用$_REQUEST[]来获取
总结
使用load()、$.get()和$.post()方法完成了一些常规的Ajax程序,如果还需要复杂的Ajax程序,就需要用到$.ajax()方式

$.ajax()方法

$.ajax()方法是jquery最底层的Ajax实现,它的结构为$.ajax(options)

该方法只有一个参数,但在这个对象里包含了$.ajax()方式所需要的请求设置以及回调函等信息,参数以key / value存在,所有参数都是可选的’

$.ajax({
   type: 'POST',
   url: url,
   data: data,
   dataType: dataType,
   success: function () {},
   error: function () {}
});



http://www.niftyadmin.cn/n/951964.html

相关文章

postcss 单独不转换_如果你不会Postcss,那么你就真的不会Postcss

作者:张军前言说起web前端,大家总不忘想起前端三大组成部分:html,js和Css。但是在多数web开发工程师的眼里,css总是一段苦涩的记忆。就像这张图中一样,在早期进行大型的项目开发中,错综复杂的 C…

react中的refs属性的使用方法

在React中,render执行的结果得到的并不是真正的DOM节点,结果仅仅是轻量级的JavaScript对象,我们称之为virtual DOM。虚拟DOM是React的一大亮点,具有batching(批处理)和高效的Diff算法。这让我们可以无需担心性能问题而”毫无顾忌”…

学历高 机器学习_找一份机器学习的工作,学历有多重要?

雷锋网(公众号:雷锋网) AI 科技评论按:免费、开放,是机器学习领域内的知识和工具的一大特点。这种特点不仅便于许多从未接触过机器学习的人加入到这一领域参与工作和科研,同时也大大加速了领域自身的交流和进步。不过也有一些人的…

React Router 4 简易入门

React Router4是一个流行的纯React重写的包。现在的版本中已不需要路由配置,现在一切皆组件。 本文涵盖了开始使用React Router构建网站所需要的一切知识。我们将会为本地运动队制作一个网站。 代码 想看网站最终效果,查看demo点击预览 安装 React Route…

大全

1 (1)面向对象的语言具有__继承性_性、_封装性_性、_多态性 性。 (2)能用foreach遍历访问的对象需要实现 _ IEnumerable 接口或声明_ GetEnumerator 方法的类型。1.c#中的三元运算符是__?:__ 2.当整数a赋值给一个object对象时,整数a将会被__装箱___? 3.类成员有__…

cmmi实践访谈测试ppt_CMMI访谈问题集锦

ID过程领域问题级别问题回答参考1PPQAB可否请你描述一下:不一致问题(NC)是如何处理的?不一致问题需要与当事人和项目经理协商处理措施;如果不能达到统一意见,则上报高级管理者;同时根据解决期限,到时实施追…

react中的无状态函数式组件

无状态函数式组件,顾名思义,无状态,也就是你无法使用State,也无法使用组件的生命周期方法,这就决定了函数组件都是展示性组件,接收Props,渲染DOM,而不关注其他逻辑。 其实无状态函数…

.NET框架程序设计--NET框架开发平台的体系架构概览(FCL,CTS,CLS)

.NET框架程序设计--NET框架开发平台的体系架构概览(FCL,CTS,CLS)(一)FCL(.NETFrameworkClassLibrary):.NET框架类库FCL包含了数以千计的类型,这些类型按照其功能用命名空间(Namespace)来组织。.NET的各种语言只是定义了一些规则,而我们在实际中的运用,则要在很大程度上去调用FC…