jquery ajax()怎么用?

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

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

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

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

语法

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

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

下面的表格中列出了可能的名称/值:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $.ajax({url:"demo_ajax_load.txt",async:true,success:function(result){ $("div").html(result); }}); }); }); </script> </head> <body> <div><h2> AJAX 可以修改文本内容</h2></div> <button>修改内容</button> </body> </html>

效果图:

示例2:生成带有指定数据类型的 AJAX 请求

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$.ajax({url:"demo_ajax_script.js",dataType:"script"});
	});
});
</script>
</head>
<body>

<button>使用 Ajax 获取数据并执行 JavaScript</button>

</body>
</html>

更多jQuery相关技术文章,请访问 jQuery答疑 栏目进行学习!!

以上就是jquery ajax()怎么用?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读