关于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;
}
}