关于AJAX

AJAX请求

　　AJAX=Asynchronous JavaScript and XML(异步的JavaScript和XML)。@H_404_7@

　　AJAX 不是新的编程语言，而是一种使用现有标准的新方法。@H_404_7@

　　AJAX是不重新加载整个页面的情况下，与服务器交换数据并更新部分网友的艺术。@H_404_7@

AJAX使用

　　Jquery提供多个与AJAX有关的方法。@H_404_7@

　　通过jqueryAJAX方法，您能够使用HTTP Get和HTTP Post从远程服务器上请求文本、HTML、XML或JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。@H_404_7@

　　语法：@H_404_7@

　　@H_404_7@

$(selector).load(URL,data,callback);

　　必需的URL参数规定您希望加载的URL。@H_404_7@

　　可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。@H_404_7@

　　可选的 callback 参数是 load() 方法完成后所执行的函数名称。@H_404_7@

　　下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的内容，加载到指定的 <div> 元素中：@H_404_7@

$(‘#div1‘).load("demo_test.txt #p1");

　　可选的callback参数规定当load()方法完成后所要允许的回调函数。回调函数可以设置不同的参数：@H_404_7@

　　responseTxt - 包含调用成功时的结果内容@H_404_7@

　　statusTXT - 包含调用的状态@H_404_7@

　　xhr - 包含 XMLHttpRequest 对象@H_404_7@

　　下面的例子会在load()方法完成后显示一个提示框。如果load()方法已成功，则显示“外部内容加载成功！”，而如果失败，则显示错误消息：@H_404_7@

$("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 - 从指定的资源请求数据@H_404_7@

　　POST - 向指定的资源提交要处理的数据@H_404_7@

　　GET基本上用于服务器获取（取回）数据。注释：GET方法可能返回缓存数据。@H_404_7@

　　POST也可用于从服务器获取数据。不过，POST方法不会缓存数据，并且常用于连同请求一起发送数据。@H_404_7@

　　jQuery $.get()方法

　　$.get()方法通过HTTP GET请求从服务器上请求数据。@H_404_7@

　　语法：@H_404_7@

$.get(URL,callback);

　　例子：@H_404_7@

$("button").click(function(){
     $.get("demo_test.PHP",function(data,status){
            alert("数据:"+data+"\n状态："+status);   
    });
});

　　jQuery $.post()方法

　　$.post()方法通过HTTP POST 请求向服务器提交数据。@H_404_7@

　　语法：@H_404_7@

$.post(URL,callback);

　　例子：　　@H_404_7@

$("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);
      })；
});        

　　摘自：菜鸟教程@H_404_7@