学习ajax首先要知道ajax的核心,那么ajax的核心是什么呢?ajax的作用用哪些呢?什么是ajax呢?面试官经常问的ajax的问题有哪些呢?通过这些疑问我总结了如下。首先学习ajax来看看 ajax的核心吧! ajax的核心就是xmlhttprequest .所有的操作都是对xmlhttprequest所操作的。
以上是xmlhttprequest的方法和属性
下面不多说 直接来个ajax的交互
<script type="text/javascript">
window.onload=function()
{
//1.获取a节点,并为其添加onclick响应函数
document.getElementsByTagName("a")[0].onclick=function()
{
//1.创建异步对象
var request=new XMLHttpRequest();
//2.准备发送请求的数据:url
var url=this.href+"?time="+ new Date();
//var method="GET";
var method="POST";
//2.调用xmlhtpprequest对象的open方法,post请求,以及请求的url
request.open(method,url);
//post
request.setRequestHeader("ContentType","application/x-www-form-urlencoded")
//发送参数
request.send("name='atgui'");
//3.调用XMLhtpprequest对象的sen方法
request.send(null);
//4.为xmlhttprequest对象添加onreadystatechange响应函数
request.onreadystatechange=function()
{
if(request.readyState==4)
{
if(request.status==200||request.status==304)
{
alert(request.responseText);
}
}
}
return false;
}
}
</script>
</head>
<body>
<a href="ajaxUI.txt">点击ajax</a>
</body>
</html>
以上是原生态的ajax的方式!