关于ajax入门案例

$.ajax方法

1.url: 
要求为String类型的参数，（默认为当前页地址）发送请求的地址。

2.type: 
要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。

3.data: 
要求为Object或String类型的参数，发送到服务器的数据。如果已经不是字符串，将自动转换为字符串格式

4.success：要求为Function类型的参数，请求成功后调用的回调函数，有两个参数。
 (1)由服务器返回，并根据dataType参数进行处理后的数据。
 (2)描述状态的字符串。
  function(data, textStatus){
  //data可能是xmlDoc、jsonObj、html、text等等
  this;  //调用本次ajax请求时传递的options参数
  }

案例：

$.ajax({
    type:"post",
    url:"Servlet?name="+name,
    success:function (dom) {
        document.getElementById("myid1").innerText =dom;
    }

原生ajax方法案例：

var xhr = null;
var name = document.getElementById("name").value;
var url = "Servlet?name=" + name;
if (window.XMLHttpRequest) {
    // 非IE内核
    xhr = new XMLHttpRequest();
} else if (window.ActiveXObject) {
    // IE内核,这里早期IE的版本写法不同,具体可以查询下
    xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.open("get", url);
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4) {
        var str = xhr.responseText;//返回的值
        document.getElementById("myid").innerText = str;
    }
}