jquery ajax 和 ajax的使用

最新推荐文章于 2022-10-05 01:06:56 发布

brucetoo

最新推荐文章于 2022-10-05 01:06:56 发布

阅读量557

点赞数

本文链接：https://blog.csdn.net/DOVEty/article/details/12061689

版权

  <script type="text/javascript" src="js/jquery-1.6.4.js"></script>
  <script type="text/javascript">
     
       function test(){
       /*
       readyState 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

               0: 请求未初始化 
               1: 服务器连接已建立 
               2: 请求已接收 
               3: 请求处理中 
               4: 请求已完成，且响应已就绪 
 
                status 200: "OK"

                404: 未找到页面
 
       */
                 //获取id为testid的值
               var val = document.getElementById("textid").value;
               var xmlhttp;
               if(window.XMLHttpRequest){
               //创建 XMLHttpRequest 对象
                xmlhttp = new XMLHttpRequest();
	           } else 
	           {
	              xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		        }
		        xmlhttp.onreadystatechange=function(){
		             if(xmlhttp.readyState==4 && xmlhttp.status==200){
		                document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
		             }
		        }
		        //servlet/testAjax 服务器路径
		        xmlhttp.open("GET","<%=basePath%>servlet/testAjax?name="+val,true);
		        xmlhttp.send();       
	}
	
	function test1(){
	 	 $.ajax(
	     {url:"<%=basePath%>servlet/testAjax",
	     type:"GET",
	     data:{"name":$("#textid").val()},
	     dataType:"text",
	     success:function(data){
	      $("#myDiv").html(data);
	     },
	     error:function(){
	       alert("request error");
	     }
	     }
	   );
	}
</script>

服务器端代码：

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
	
		 String str =request.getParameter("name");
		 
		  PrintWriter pw = response.getWriter();
		  pw.print("name:"+str);
		  pw.flush();
		  pw.close();
	}

html 代码：

  <body>
     
     <form action="servlet/testAjax">
      <input type="text" value="" id="textid"/> <br/>
      <div id="myDiv"></div>
      <input type="button" value="ajax" οnclick="test1()">
     </form>
  </body>

brucetoo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery ajax 和 ajax的使用

function test(){ /* readyState 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中
复制链接

扫一扫