jQuery Ajax

最新推荐文章于 2025-05-14 15:50:03 发布

Qian_mos

最新推荐文章于 2025-05-14 15:50:03 发布

阅读量165

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jQuery ajax

本文链接：https://blog.youkuaiyun.com/Qian_mos/article/details/85336983

jQuery 专栏收录该内容

2 篇文章

订阅专栏

本文深入解析jQuery中的AJAX方法，包括load(), get()和post()的使用技巧，以及如何解决缓存问题。通过实例展示了不同方法的调用方式，对比了jQuery与原生JS在AJAX操作上的差异。

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

1. load(): 从服务器加载数据，将返回的数据放入被选元素里。
语法：$(selector).load(URL,data,callback);
URL参数必须，需要加载的URL（可以是文件地址）。当URL中需要传递参数时用{}，多个参数之间用逗号隔开。注意：带参时是用的post()方法进行传递请求的

$("#myID").load("/test.php",{"name":"Adam","site":"www.lhy-seo.com"}); //导入的php文件含有一个传递参数，类似于请求url：/test.php?name=Adam&site=www.phpernote.com

callback参数有：responseTxt、、statusTXT、xhr （XMLHttpRequest对象）

$("button").click(function(){
 $("#div1").load("demo_test.png",function(responseTxt,statusTxt,xhr){
    if(statusTxt=="success")
      alert("外部内容加载成功!");
    if(statusTxt=="error")
      alert("Error: "+xhr.status+": "+xhr.statusText);
  });
});

如何解决load()带来的缓存问题？
利用$.ajaxSetup()方法可以为后续的提前ajax设置属性：async、cache、dataType等。如：

$.ajaxSetup({
	cache: false;  //设置缓存关闭
});

2. get()/post()方法
$.get(URL, callback)
$.post(URL, data, callback)

//post用法
$(document).ready(function() {
	$.post("/test.jsp",
	{
		"name": "XS",
		"age": 9,
	},
	function(data,status) {
		alert(data + status);
	}
	);
});

js的ajax和jq的ajax区别
1、jquery 封装了所有浏览器创建xmlhttpRequest对象的方式，javascirpt 要去判断下。
2、jquery 封装了发送请求的方式，javascirpt 要去判断status readystatus 分别为4 和200,节省了开发时间，提高了开发效率
（若有小伙伴知道别的，欢迎留言评论~~）