原生JS ajax post请求带参数,返回普通json数据实例

客户端的js+html代码

  <script>
function aa(){
//建立XMLHttpRequest对象
         var xmlHttpReg  = false;
         try {
             xmlHttpReg  = new XMLHttpRequest();
         }
         catch (trymicrosoft) {
             try {
                 xmlHttpReg  = new ActiveXObject("Msxml2.XMLHTTP");
             }
             catch (othermicrosoft) {
                 try {
                     xmlHttpReg  = new ActiveXObject("Microsoft.XMLHTTP");
                 }
                 catch (failed) {
                     xmlHttpReg  = false;
                 }
             }
         }
    // if (!request) alert("Error initializing XMLHttpRequest!");
		
  //如果实例化成功,就调用open()方法,就开始准备向服务器发送请求
          if (xmlHttpReg != null) {
              xmlHttpReg.open("post", "/qt_ajax_wx/get_page_wx/", true);
			  xmlHttpReg.setRequestHeader("content-type", "application/x-www-form-urlencoded");//设置请求头
              xmlHttpReg.send("type=1&user=admin");
			 //设置回调函数
			   xmlHttpReg.onreadystatechange = function(){
				// 当 readyState 等于 4 且状态为 200 时，表示响应已就绪
				if (xmlHttpReg.readyState === 4 && xmlHttpReg.status === 200) {
					 var data = JSON.parse(xmlHttpReg.responseText);
					 if(data.code == 200){
						 //代码执行
						 alert(data.msg);
					   } 
				 }                
			   }
          }

}		  
		  
</script>
<input  type="button" onClick="aa()" value="请求测试" />

服务器端php代码

 public  function get_page_wx(){	
          $data=$this->input->post();
		  $return['code']=200;
		  if($data['type']=='1'){
		      $return['msg']='您post参数是1';
		  }else{
		      $return['msg']='没有接收到参数';
		  }  
		   exit(json_encode($return));//返回json数据 
 }