Ajax编程步骤
- 创建XMLHttpRequest对象。
- 设置请求方式。
- 调用回调函数。
- 发送请求。
- 具体步骤:
//创建XMLHttpRequest对象。
var xmlHttp=new XMLHttpRequest(); // var xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
//设置请求方式。
var url = "http://localhost:8080/JsLearning3/getAjax"; //地址
xmlHttp.open("POST", url, true);//传递方式,true代表是否异 步处理请求
//调用回调函数。
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4) {
//0: 请求未初始化。1: 服务器连接已建立。2: 请求已接收。3: 请求处理中。4: 请求已完成
if (xmlHttp.status == 200) {
//xmlHttp.status是服务器返回的结果,其中200代表正确
var obj = document.getElementById(id);
obj.innerHTML = xmlHttp.responseText; }
//responseXML是用来获得 XML 形式的响应数据。至于选择哪一个是取决于后台给返 回的数据的
else {
alert("AJAX服务器返回错误!");
}
}
}
//发送请求。
var name= ........;
var params = ..........;
xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded;charset=UTF-8");
// 向请求添加 HTTP 头,POST如果有数据一定加
xmlHttp.send(params);
JSON对象定义和基本使用
$.ajax({
url:请求地址
type:"get | post | put | delete " 默认是get,
data:请求参数,
dataType:请求数据类型"html | text | json | xml | script | jsonp ",
success:function(data,dataTextStatus,jqxhr){ },
error:function(jqxhr,textStatus,error)//请求失败时 })
$.get(url,data,function(result) { //省略将服务器返回的数据显示到页面的代码 });
$.post(url,data,function(result) { //省略将服务器返回的数据显示到页面的代码 });