码迷,mamicode.com
首页 > Web开发 > 详细

ajax异步请求的三种方式

时间:2019-11-25 11:13:30      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:on()   div   网页   不难   error   基于   col   参数   get   

Ajax能够在无需加载整个页面的情况下,能够更新部分网页内容,可以减小服务器的资源浪费。

ajax大体上有四种实现方式,由于基于JS的实现方式太过于复杂,基本上用不到,所以就暂不贴出其实现代码了。

1.使用$.ajax()发送异步请求

$.ajax的参数列表如下:

url:异步请求的路径。

type:请求方式,常见参数为post,get等等。

dataTpye:接收到的服务器响应数据的格式。

data:请求参数,一般以json方式发送。

success:function(data):响应成功后的回调函数,参数data通常情况下是服务器返回的json格式的数据。

error:function():请求响应出现错误的情况下,执行的回调函数。

$.ajax({
    
                        url:"/login.do" , 
                        type:"POST" , 
                        dataType:"text",
                    data:{"name":"zhangbo"},
                    success:function (data) {
                        alert(data);
                    },
                    error:function () {
                        alert("请求响应错误");
                    }
                });                            

2.使用$.get()发送get请求

$.get(url, [data], [callback], [type])的参数列表如下:

url:异步请求的路径。

data:请求参数,一般以json方式发送。

callback:回调函数。

type:响应结果的类型。

$.get("/login.do",{username:"zhangbo"},function (data) {
                alert(data);
            },"text");

3.使用$.post()发送post请求

$.post(url, [data], [callback], [type])的参数列表如下:

url:异步请求的路径。

data:请求参数,一般以json方式发送。

callback:回调函数。

type:响应结果的类型。

$.post("/login.do",{username:"zhangbo"},function (data) {
              alert(data);
            },"text");

三种异步实现的方式都大同小异,使用ajax的关键就在于json格式数据的获取与响应,其他的并不难。

ajax异步请求的三种方式

标签:on()   div   网页   不难   error   基于   col   参数   get   

原文地址:https://www.cnblogs.com/Code-Handling/p/11926476.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!