jquery如何实现ajax技术1：$.ajax()

来源：懂视网责编：小采时间：2020-11-27 20:28:02

jquery如何实现ajax技术1：$.ajax()

jquery如何实现ajax技术1：$.ajax():ajax技术在web开发中是非常重要的。在早期的js中如果需要完成异步传输的效果，需要判断浏览器、虚拟访问文件、监控、获取返回值等一系列非常繁琐的操作。但是在jQuery中，为我们提供了非常简单的几个函数，让我们轻松实现ajax的功能。在接下来的几篇文章中，

推荐度：

点击下载本文 文档为doc格式

导读jquery如何实现ajax技术1：$.ajax():ajax技术在web开发中是非常重要的。在早期的js中如果需要完成异步传输的效果，需要判断浏览器、虚拟访问文件、监控、获取返回值等一系列非常繁琐的操作。但是在jQuery中，为我们提供了非常简单的几个函数，让我们轻松实现ajax的功能。在接下来的几篇文章中，

ajax技术在web开发中是非常重要的。在早期的js中如果需要完成异步传输的效果，需要判断浏览器、虚拟访问文件、监控、获取返回值等一系列非常繁琐的操作。但是在jQuery中，为我们提供了非常简单的几个函数，让我们轻松实现ajax的功能。在接下来的几篇文章中，我们将一一介绍这些函数。
首先，我们下来介绍$.ajax。该方法是 jQuery 底层 AJAX 实现。
通常的语法为：
$.ajax([settings])//settings是$.ajax()方法的参数，是用于配置 Ajax 请求的键值对集合。
下面我们一一介绍一些$.ajax()中比较重要的几个参数
url---发送请求的地址
type---请求方式 ("POST" 或 "GET")
timeout---设置请求超时时间（毫秒）
async---(默认: true) 异步请求。
Data---发送的参数可以是json类型
dataType---返回的数据类型：xml,html,json,txt
success---成功后可以返回function(data,st){}
实际例子如下：
================================================================
ajax.html

<html>

<head>

<title>$.ajax的应用</title>

$(document).ready(function(){

$('#bot_1').click(function(){

$.ajax({

type: "POST",

url: "ajax.php",

data: {web:"mysql100"},

success:function(data, st){$("div").html(data);}

});

})