jQuery中ajax的简单使用_ajax Load方法使用
2017-06-12 13:27:16  By: dwtedx

一、load()

这是最简单的一个函数、传入一个url他会异步加载该url的内容、然后将内容插入每一个选中的元素中、替换掉其中已经存在的内容、所以最简单的用法是

$("#myDiv").load("htmltest.html");


当然这里的url不是只有html的、像什么txt、php之类的都是可以的、如果不是想加载整个文档的话可以在url后面加上一个jquery选择器、类似“xxx.html #aaa”

另外load其实还有两个可选的参数,第一个是数据(类似于是调用了post)、第三个可选参数是回调函数

这样一个完整的load可以是这样

$().load("xxxx.html", "val=yyyy", function(){

});


二、$.get和$.post

这两个函数的区别是一个使用的是get方式另一个用的是post方式、函数的主要使用方式就是三个参数(url、数据、回调函数)、这个在于后台交  互用的比较多


三、$.ajax()

这个才是jquery中ajax的始祖、上面列的几个以及一些我没有列出来的都是这个的简化版本、当然简化的代价就是适用性降低、这个函数则可以达  到最佳的灵活性

在这个函数中对与那些函数的实现是通过选项实现的,大概形式是这样的

$.ajax({
    type:"GET",
    url:url,
    data:data 
});


现在我们具体看一些常用的选项

1、type:指定http的请求方法、默认是“GET”、还有“POST”可选、当然另外也存在一些诸如:DELETE“的不常用的选项

2、url:要使用的url

3、data:要发送的数据、可以是字符串或者对象、通常会吧对象转化成字符串

4、dataType:制定相应数据的预期类型

5、contentType:指定请求的HTTP Content-Type头、默认是”application/x-www-form-urlencoded“在将type设置为”post“想发送村文本或xml  文档时、需要设置

6、timeout:超时时间、查过了这个时间请求失败调用error,默认值为0表示除非成功否则永远不取消

7、cache:用于禁止浏览器缓存(好像只有get有用、、、)

8、isModified:记录是否修改、没有修改服务器会返回304

9、beforeSend:顾名思义就是在发送之前可以定义的函数

10、success:成功时调用的函数

11、error:失败时调用的函数


另外这些所有的jquery ajax函数都提供了success和error的函数、调用大概形式是

$().get().error().success()


若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+