今天完成的事

原生AJAX的学习

POST方法

function sign() { 
var data = {
name: document.getElementById('name').value,
pwd: document.getElementById('pwd').value
}
var xmlhttp;
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp = new XMLHttpRequest();
} else {
// IE6, IE5 浏览器执行代码
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var data = JSON.parse(xmlhttp.responseText);
document.getElementById('ajax').innerText = data.message;
console.log(data.message);
}
}
xmlhttp.open("POST", "/api/a/login", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
; xmlhttp.send("name=" + data.name + "&pwd=" + data.pwd);
}

原生GET 方法

var xmlhttp;
if (window.XMLHttpRequest) {
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp = new XMLHttpRequest();
} else {
// IE6, IE5 浏览器执行代码
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","/try/ajax/demo_get.php",true);
xmlhttp.send();

JQ   load 方法

JQ方法 load方法学习
$('.sign').click(function() { $('.sign').load('/api/a/login', function(responseTxt, statusTxt, xhr) {
if (statusTxt == "success")
alert("外部内容加载成功!");
if (statusTxt == "error")
alert("Error: " + xhr.status + ": " + xhr.statusText);
$('#ajax').text(status);
});
})

get方法

JQ get方法 学习 
$('.sign').click(function(){
$.get('/api/a/login',function(data,status){
alert(data+status)
})

})

post方法

$('.sign').click(function() {
var arry = {
name: $('#name').val(),
pwd: $('#pwd').val()
};
$.post("/api/a/login", {
name: arry.name,
pwd: arry.pwd
}, function(data, status) {
alert(data + status)
$('#ajax').text(status);
})
})

明天计划的事

     1 看看怎么着能把任务提交了