关于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;
}
}
posted @ 2017-03-20 22:46  wyd12138  阅读(126)  评论(0编辑  收藏  举报