jquery ajax-ajax()方法详解

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。

1、定义和用法

ajax() 方法通过 HTTP 请求加载远程数据。

该方法是 jQuery 最底层 AJAX 实现。简单易用的高层实现见 $.get,$.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数，除非你需要操作不常用的选项，以获得更多的灵活性。

最简单的情况下，$.ajax() 可以不带任何参数直接使用。

注意：所有的选项都可以通过 $.ajaxSetup() 函数来全局设置。

2、语法

jQuery.ajax([settings])

3、常用参数

更多参数请戳：www.w3school.com.cn/jquery/ajax…

4、实例

1）通过 AJAX 加载一段文本：

jQuery 代码：

$(document).ready(function(){
  $("#b01").click(function(){
  htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
  $("#myDiv").html(htmlobj.responseText);
  });
});

HTML代码：

<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button id="b01" type="button">Change Content</button>

2）通过 AJAX 向服务器发请求：

    $(function(){
        //发送请求的参数
        var dataList= {};
        //ajax请求
        $.ajax({
            //请求方式
            type : "POST",
            //请求内容编码类型
            contentType: "application/json;charset=UTF-8",
            //请求的服务器地址
            url : "http://127.0.0.1/admin/list/",
            //数据，json字符串
            data : JSON.stringify(dataList),
            //请求成功的回调函数
            success : function(result) {
                console.log(result);
            },
            //请求失败的回调函数，包含具体的错误信息
            error : function(e){
                console.log(e.status);
                console.log(e.responseText);
            }
        });
    });

欢迎在评论区讨论，掘金官方将在掘力星计划活动结束后，在评论区抽送100份掘金周边，抽奖详情见活动文章。