原生JS ajax get请求带参数,返回单个值实例

最新推荐文章于 2024-02-23 11:46:43 发布

第8代码农师

最新推荐文章于 2024-02-23 11:46:43 发布

阅读量591

点赞数

分类专栏：原创技术分享笔记 web前端文章标签： ajax php 前端

本文链接：https://blog.csdn.net/cswlsh/article/details/124816264

版权

web前端同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

原创技术分享笔记

15 篇文章 0 订阅

订阅专栏

客户端的html+js代码

<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("get", "/qt_ajax_wx/get_page_wx/?type=1", true);
               xmlHttpReg.send(null);
			   xmlHttpReg.onreadystatechange = function(){
				// 当 readyState 等于 4 且状态为 200 时，表示响应已就绪
				if (xmlHttpReg.readyState === 4 && xmlHttpReg.status === 200) {
					//执行代码
					 alert(xmlHttpReg.responseText);
				 }                
			   }
          }
}		  
		  
</script>
<input  type="button" onClick="aa()" value="请求测试" />

服务器端php代码

 public  function get_page_wx(){	
          $data=$this->input->get();
		  if($data['type']=='1'){
		      exit('您get参数是1');
		  }else{
		      exit('没有接收到参数');
		  }   
 }