关于AJAX
AJAX请求
AJAX=Asynchronous JavaScript and XML(异步的JavaScript和XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX是不重新加载整个页面的情况下,与服务器交换数据并更新部分网友的艺术。
AJAX使用
Jquery提供多个与AJAX有关的方法。
通过jqueryAJAX方法,您能够使用HTTP Get和HTTP Post从远程服务器上请求文本、HTML、XML或JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。
语法:
$(selector).load(URL,data,callback);
必需的URL参数规定您希望加载的URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。
下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的内容,加载到指定的 <div> 元素中:
$('#div1').load("demo_test.txt #p1");
可选的callback参数规定当load()方法完成后所要允许的回调函数。回调函数可以设置不同的参数:
responseTxt - 包含调用成功时的结果内容
statusTXT - 包含调用的状态
xhr - 包含 XMLHttpRequest 对象
下面的例子会在load()方法完成后显示一个提示框。如果load()方法已成功,则显示“外部内容加载成功!”,而如果失败,则显示错误消息:
$("button").click(function(){ $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){ if(statusTxt == "success") alert("外部内容加载成功!") if(statusTxt == "error") alert("Error:"+xhr.status+":"+xhr.statusText); }); });
jQuery - AJAX get() 和 post() 方法
GET - 从指定的资源请求数据
POST - 向指定的资源提交要处理的数据
GET基本上用于服务器获取(取回)数据。注释:GET方法可能返回缓存数据。
POST也可用于从服务器获取数据。不过,POST方法不会缓存数据,并且常用于连同请求一起发送数据。
jQuery $.get()方法
$.get()方法通过HTTP GET请求从服务器上请求数据。
语法:
$.get(URL,callback);
例子:
$("button").click(function(){ $.get("demo_test.php",function(data,status){ alert("数据:"+data+"\n状态:"+status); }); });
jQuery $.post()方法
$.post()方法通过HTTP POST 请求向服务器提交数据。
语法:
$.post(URL,data,callback);
例子:
$("button").click(function(){ $.post("/try/ajax/demo_test_post.php", { name:"123", url:"http://www.abc.com" }, function(data,status){ alert("数据:\n"+data+"\n状态:"+status); }); });
摘自:菜鸟教程