ajax()方法

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。

AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。

语法

$.ajax({name:value, name:value, ... })

参数

参数 描述 实例值
url app.py中的路由 /c1
dataType 可能相应的数据 json
success 请求成功时执行的函数 function(data){ }
error 请求失败时执行的函数 function(xhr,type,errorThrown){}

封装

将ajax()方法封装在函数中实现后台数据的传递

1
2
3
4
5
6
7
8
9
function get_data() {
$.ajax({
    url: "/c1",
    dataType: "json",
    success: function(data) {
        ck=data
    }
});
}

可直接在外部js文件的setInterval中引用变量ck
（具体原理还不清楚，在外部js文件其他位置就无法访问到ck）

从ajax的回调函数（success等）中取返回值:设置 async : false

1
2
3
4
5
6
7
8
9
10
11
12
function get_data() {
    var result; // 设置全局变量 result
    $.ajax({
        url: "/c1",
        async : false,
        dataType: "json",
        success: function(data) {
            result=data
        }
    });
    return result
}

在函数中修改HTML内容

直接在function中修改HTML中的内容

1
$("#a1").html("hello"); //将id为a1的标签内容设为 hello