1.Ajax技术合成 异步的JavaScript and xml css 资源
2.异步请求和局部刷新。
同步请求:等待第一个请求响应数据回发回来后,再发送第二次请求。
$.ajax(是否异步)
3.Ajax怎么运作?
原生态Ajax核心对象:
判定当前的浏览器引擎有没有哪个对象? 能力检查 (情况1:IE 和非IE chrome和FireFox)
1.构建核心对象 XmlHttpRequest xhr;
2.设置他的属性和方法
xhr.open("post","/FirstServlet",true);
xhr.onreadystatechange=funtion(){
if(xhr.readyState==4&&xhr.status==200){
}
};
你要想发送Post请求,必须得有Content-Type
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.send(get:null/post:data);
4.使用jQuery实现Ajax
function newAjax() {
$.ajax({
url:"/FirstServlet",
type:"POST",
data:{"uname":$("[name=uname]").val()},
async:true,
success:function (data) {
$("#msg").html(data);
}
});
}
5.认识JSON
是一种数据传输格式:
JavaScript Object Notation Js对象标记 XML Extendsible Makeup Language 可扩展性标记语言
HTML:Hyper Text Markup Language 超文本标记语言
var data={"name":"微冷的雨","age":20,"address":"河南安阳"};
var data=[{"name":"微冷的雨","age":20,"address":"北京上地"},
{"name":"微热的翔","age":22,"address":"河南郑州"}]
var userArray = [ {
"id" : 2,
"name" : "admin",
"pwd" : "123"
}, {
"id" : 3,
"name" : "詹姆斯",
"pwd" : "11111"
}, {
"id" : 4,
"name" : "梅西",
"pwd" : "6666"
} ];
var $table = $("<table border='1'></table>")
//在table内部追加一行 tr
.append("<tr><td>ID</td><td>用户名</td><td>密码</td></tr>");
$.each(userArray,function(i,dom) {
$table.append("<tr><td>" + dom.id + "</td><td>"
+ dom.name + "</td><td>"
+ dom.pwd + "</td></tr>");
});
$("#objectArrayDiv").append($table);
6.$.get()
$.get('/FirstServlet',{"uname":$("[name=uname]").val()},function (data) {
$("#msg").html(data);
});
/* $.get('/FirstServlet',{"uname":$("[name=uname]").val()},function (data) {
$("#msg").html(data);
});*/
//post请求
/* $.post('/FirstServlet',{"uname":$("[name=uname]").val()},function (data) {
$("#msg").html(data);
});*/
//getJSON方法
$.get('/FirstServlet',{"uname":$("[name=uname]").val()},function (data) {
alert(typeof data);
$("#msg").html(data);
});
$("#msg").load('/FirstServlet',{"uname":$("[name=uname]").val()});
设置了dataType;“json” 服务器端返回的数据格式是json对象,不是json串。
7.$( selector ) 选择器
$("#msg"):Jquery对象
$(dom) dom转jquery对象的方案
$("<div></div>") 内存中构建一个节点