38、jQuery 中的 Ajax 与 JSON 数据交互详解

jQuery 中的 Ajax 与 JSON 数据交互详解

1. 使用 jQuery 的 get() 函数实现登录表单提交

在这个部分，我们将使用 Ajax 通过 jQuery 的 get() 函数来提交登录表单信息。当用户输入正确的用户名和密码时，页面会显示登录成功的消息；若信息错误，则显示错误消息，且不会加载新的网页。

要完成这个教程，你需要有一个运行中的 Web 服务器来测试页面。

1.1 准备工作

首先，在文本编辑器中打开 login.html 文件。该文件中已经包含了 jQuery 库文件的链接和 $(document).ready() 函数。

1.2 编写代码步骤

1. 选择表单并添加提交事件 ：

$(document).ready(function() {
    $('#login').submit(function() {
        // 后续代码将在此处添加
    }); // end submit
});

这里， $('#login') 选择了 ID 为 login 的表单， submit() 函数为表单的提交事件添加了一个事件处理程序。当用户尝试提交表单时，这个函数就会运行。

<