ajax的一些相关

1、AJAX = Asynchronous(异步的) JavaScript and XML

  AJAX是能不刷新整个网页的前提下,更新内容。通过少量的数据交换,达成局部页面刷新的效果。

  而form表单提交经常是刷新整个页面,很繁琐

2、AJAX是基于现有的Internet标准,并且联合使用它们:

  a、XMLHttpRequest 对象 (异步的与服务器交换数据)

  b、JavaScript/DOM (信息显示/交互)

  c、CSS (给数据定义样式) 

  d、XML (作为转换数据的格式)

3、JavaScript代码

          var xhr;
		if(window.XMLHttpRequest){    //常规,如果有,直接使用
			xhr = new XMLHttpRequest();
		}else{                                    //如果没有,老版本IE
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}


		// 2.通过监听ajax的状态的改变来监听
		xhr.onreadystatechange = function(){
		}
		console.log('步骤二完成')

		// 3.创建请求的消息,连接服务器      
		xhr.open('GET','07.php',true);    //"get" 请求把参数写在地址里
          console.log('步骤三完成')
          // 4.发送
          xhr.send(null);             //如果是“post”就把参数以字符串传入;

4、jQuery代码

                        引入jQeury
                       $.ajax({
				type : "POST",      // 请求方式
				url : 'http://192.168.9.156:8888/0221ajax/01.php',  //请求地址  get请求参数拼接在地址后
				data : {          //  请求参数
					uname : $("#username").val()
				},
				success : function(data){      //回调函数
					data  //参数
} })

  

 

posted @ 2019-03-05 11:24  中二病也要  阅读(112)  评论(0编辑  收藏  举报