jQuery ajax() 方法

原创于 2015-05-18 23:42:14 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery ajax() 方法

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文通过一个具体实例展示了如何使用 jQuery 的 AJAX 方法来更新页面上的内容。点击按钮后，jQuery 发送 AJAX 请求读取文件并将内容加载到指定的 div 元素中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery ajax()方法

实例

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $.ajax({url:"demo_test.txt",success:function(result){
      $("#div1").html(result);
    }});
  });
});
</script>
</head>
<body>

<div id="div1"><h2>使用 jQuery AJAX 修改文本内容</h2></div>
<button>获取其他内容</button>

</body>
</html>

使用 AJAX 请求改变 <div> 元素的文本：

$("button").click(function(){
$.ajax({url:"demo_test.txt",success:function(result){
$("#div1").html(result);
}});
});

定义和用法

ajax() 方法用于执行 AJAX（异步 HTTP）请求。

所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。

语法

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

该参数规定 AJAX 请求的一个或多个名称/值对。