对于ajax的简单理解

阅读更多
Ajax全称:Asynchronous JavaScript and XML即异步JavaScript和XML。其实说白了就是不重新加载页面只加载某个部分。而我这里主要说的是jQuery中de AJAX方法。主要是通过HTTP Get 和HTTP Post这两种方法来从服务器上请求数据,从而达到我们所想要得目的。
jQuery 中load()方法是简单强大的AJAX方法,这个方法是在从服务器加载数据,并且返回数据放入选择器选择的元素中。它的语法结构是这样的:
$(selector).load(URL,data,callback);//URL是一个必须参数,就是需要加载的URL,
date和callback是都是可选参数,date参数用来请求字符串或者键值对的集合;callback是当load()方法完成后所需要执行的函数。

比如你需要在指定的div中加载一个文件那么就是这样实现的:
$("#div").load("test.text");

$("button").click(function(){//当点击button时执行以下操作
    $("#div1").load("test.txt",function(responseTxt,statusTxt,xhr){//给div1加载test.txt完成之后执行函数
       if(statusTxt=="success")
         alert('外部内容已加载成功');
       if(statusTxt=="error")
         alert("Error:"+xhr.status+":"+xhr.statusText);
  })
})//最后效果是load()方法成功则显示”外部内容已加载成功“失败则显示错误提示

$.get(URL,callback);//通过HTTP GET从服务器上请求数据,URL是需要请求的,也是必须参数,而callback是请求完成之后执行的函数

$("button").click(function(){//单击按钮执行操作
  $.get("test.asp",function(data,status){//请求test.asp成功之后执行函数
    alert("Data: " + data + "\nStatus: " + status);
  });
});

$.post(URL,data,callback);//与get方法类似,date是和请求一起发送的数据,URL是必须,其他是可选

$("button").click(function(){//点击按钮执行操作
  $.post("demo_test_post.asp",//请求URL  demo_test_post.asp 脚本
  {
    name:"Donald Duck",
    city:"Duckburg"
  },//和url一起发送的数据。
  function(data,status){//执行的函数,date是被请求页面的内容,status是状态。
    alert("Data: " + data + "\nStatus: " + status);
  });
});









你可能感兴趣的:(ajax)