【AJAX03】jQuery方式发送AJAX请求

前面介绍了纯原生Javascript方式发送AJAX请求的步骤,过程虽然固定但比较繁琐,一般会使用jQuery的方式进行;

jQuery 提供多个与 AJAX 有关的方法,通过 jQuery的AJAX 方法,可以发送Get或者是Post请求,同时能够把接收的数据更新 到DOM 对象;

1 $.ajax()

$.ajax()方法是 jQuery中AJAX请求的核心方法,后续的其他方法在内部都是调用此方法,一般的语法格式是:

$.ajax( { name:value, name:value, ... } )
  • ( { name:value, name:value, ... } ):参数是JSON类型的数据,包含请求方式、数据、回调方法等;

  • 一般会使用到的参数:

    • async:表示请求是否异步处理,默认是 true,表示会进行异步处理;

    • contentType :表示发送数据到服务器时所使用的内容类型,默认是:application/x-www-form-urlencoded

    • data:表示要发送到服务器的数据,类型可以是String、数组等,不过多数是使用JSON;

    • dataType:表示期望从服务器响应的数据类型,可能的取值有:xmlhtmltextjson

    • error(xhr,status,error):表示当请求失败时运行的函数,其中xhrstatuserror是自定义形参名,xhrXMLHttpRequest对象 ;

    • success(result,status,xhr):表示当请求成功时运行的函数,其中resultstatusxhr是自定义的形参名,xhrXMLHttpRequest对象 ;

    • type:表示请求的类型(GET 或 POST 等),默认是 GET,注意get和post不用区分大小写;

    • url:表示发送请求的 URL;

2 $.get()

$.get()方法使用GET请求从服务器加载数据,语法格式:

 $.get(url,data,function(data,status,xhr),dataType)  
  • url:必选,表示需要请求的URL;

  • data:可选,表示连同请求发送到服务器的数据;

  • function(data,status,xhr):可选,表示当请求成功时运行的函数,其中的datastatusxhr是自定义形参名;

    • data:表示来自请求的结果数据;

    • status:表示请求的状态,取值有successnotmodifiederrortimeoutparsererror

    • xhr:表示XMLHttpRequest对象;

  • dataType:可选,表示预期的服务器响应的数据类型。可能的取值有:xmlhtmltextjson

3 $.post()

$.post()方法使用POST 请求从服务器加载数据,语法格式:

$.post(URL,data,function(data,status,xhr),dataType)

参数同$.get()方法;

版权声明:
作者:jackqiang
链接:http://www.jackqiang.com/javaweb/script/ajax/2214/ajax_jquery/
来源:JackQiang's
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭
目 录