Ajax发起对服务器的请求


一、服务器端逻辑:给文件追加内容

在浏览器中输入以下网址访问服务器端01.php文件,页面中没有内容,但是在当前01.php文件目录下会生成一个01.txt文件,如下:

Ajax发起对服务器的请求_第1张图片 Ajax发起对服务器的请求_第2张图片
可以看到每访问一次,就会执行内容追加:

Ajax发起对服务器的请求_第3张图片

二、ajax向服务器端发送请求




	
	Ajax发起对服务器端的请求
	


	

ajax发起对服务器端的请求

浏览器端页面如下:
Ajax发起对服务器的请求_第4张图片
点击“触发”按钮,会发起对服务器端的请求,执行往01.txt中追加内容的操作(在上述服务器端操作清空的基础上新追加的内容)
可以看到,点击四次“触发”按钮,即发起四次ajax请求,会执行四次内容追加的操作:

Ajax发起对服务器的请求_第5张图片


总结:

第一、创建ajax对象

       var xhr;
	if(window.XMLHttpRequest){
	//IE7+,Firefox,chrome,Opera,Safari浏览器执行代码
		xhr = new XMLHttpRequest();
	}else{
	//IE6,IE5浏览器执行代码
		xhr = new ActiveXObject("Microsoft.XMLHTTP");
	}

第二、创建新的http请求(并设置请求地址)

       //    open(请求方式get/post,url请求地址)
	xhr.open('get', './01.php');

第三、发送请求  

     //    send(get-null/post-给服务器传递的信息)
     xhr.send(null);


       

你可能感兴趣的:(ajax发起服务器请求,open(),send(),AJAX)