jquery Ajax请求 的几种方式总结

摘要: 用原生的javascript开发ajax有着许多重复的代码,当然你也可以封装成可以复用的js代码,但却不一定那么通用。但jquery  提供的几种AJAX请求的几种方式,从简单到复杂,有更多的选择空间,下面总结几种在项目中常用的jquery ajax请求的方式,由于AJAX 与语言不相关,所以省略后台语言部分,重点放在前端。1. 用jquery 的 load() 方法实现ajax请求2. 用jquery 的 post() ,get() 方法3. 用jquery 的 Ajax() 方法,这个最强悍.

用原生的javascript开发ajax有着许多重复的代码,当然你也可以封装成可以复用的js代码,但却不一定那么通用。但jquery 提供的几种AJAX请求的几种方式,从简单到复杂,有更多的选择空间,下面总结几种在项目中常用的jquery ajax请求的方式,由于AJAX 与语言不相关,所以省略后台语言部分,重点放在前端。

1. 用jquery 的 load() 方法实现ajax请求
2. 用jquery 的 post() ,get() 方法
3. 用jquery 的 Ajax() 方法,这个最强悍.

1. 用jquery 的 load() 方法实现ajax请求
格式如下:

$('#mydiv').load('/myrequest/url/param')

这里的 "mydiv" 是要加载内容的区域 ,/myrequest/url/param 是你要请求的服务端的 URL. 一旦得到结果,就会把服务端返回的内容显示在 mydiv 区域中.

2. 用jquery 的 post() ,get() 方法
其实这也就是对应 http 请求中的 POST,GET,
基本格式如下
$post('/myrequest/url/param',
          {
            text:"mytext",
            other:"other_param"
          },
           // 调用服务端成功后的回调函数
           function(){
             alert('succeccd');
          }
)

$get 的操作方式类似.就不在多说了.

3. 用jquery 的 Ajax() 方法
这个估计也是一般项目中最常见的请求方法了,因为他的功能最强大,能完成各种需求的ajax请求:
可以指定返回的类型: xml,html,或者json 格式
可以指定 beforeSend,error,success,complete 这些事件发生时的回调函数
可以用参数来指定ajax 请求过期的时间,比如服务端没有响应等.

基本格式如下:
$.ajax({  
        async:false,//同步,异步
        url:"/addjoke",  //请求的服务端地址
        data:{
             content:mycontent,
             title:joketitle,
             d:Math.random()
             },  
        type:"post",  
        dataType:"text",  
        success:function(data){
        	//成功之后的处理,返回的数据就是 data     
        } 
        error:function(){
        	alert('error'); //错误的处理
        }
    });  


这些东西不需要死记硬背,知道有这么个东西就行了,用的时候拿出来参考下就好了,jquery的ajax请求就这么几种方式,看实际情况自己选择采用哪种方式.

上一篇: python 对文件目录操作总结
下一篇: django admin model 国际化(I18N) 问题解决
 评论 ( What Do You Think )
名称
邮箱
网址
评论
验证
   
 

 


  • 微信公众号

  • 我的微信

站点声明:

1、一号门博客CMS,由Python, MySQL, Nginx, Wsgi 强力驱动

2、部分文章来源于互联网, 若有侵权, 联系邮箱:summer@yihaomen.com, 同时欢迎大家注册用户,主动发布文章.

3、鄂ICP备14001754号-3, 鄂公网安备 42280202422812号