知识大全 ajax入门小程序

Posted 2022-07-20 知

篇首语：聪明出于勤奋，天才在于积累。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 ajax入门小程序相关的知识，希望对你有一定的参考价值。

　　此小程序主要给ajax还未入门的朋友们一个简单的演示程序的主要内容就是将页面部分的id通过表单传到java的servlet中因为只是做示例所以没有对id进行任何处理有兴趣的朋友可以连接数据库或应用一些jdk方法进行处理操作等等在此仅作示例话不多说了（这话就不少了）看代码吧

　　 ajaxdemo jsp <%@ page language= java pageEncoding= GB %><!DOCTYPE HTML PUBLIC //W C//DTD HTML Transitional//EN ><> <head> <title>My JSP ajaxdemo jsp starting page</title> <script type= text/javascript > var req; function createAJAX() if(window XMLHttpRequest) req = new XMLHttpRequest(); else if(window ActiveXObject) req = new ActiveXObject( Microsoft XMLHTTP ); function testAjax() var url = /testajax/servlet/TestAjaxServlet?id= ; createAJAX(); req open( POST url true); req onreadystatechange = callback; req send(null); function callback() if(req readyState == ) if(req status == ) document getElementById( ajaxDiv ) innerHTML = req responseText; </script> </head> <body> <input type= button value= 测试ajax name= button id= ajaxButton onclick= testAjax() ><br> 可以根据下边这个id号进行操作 <div id= ajaxDiv ></div> </body></>

　　说明因为只是一个简简单单的玩意所以页面部分未使用任何ajax框架只是用最基本的ajax原理实现页面会将id通过ajax传到后台

　　 web xml

　　<?xml version= encoding= UTF ?><web app version= xmlns= xmlns:xsi= instance xsi:schemaLocation= app_ _ xsd > <servlet> <servlet name>TestAjaxServlet</servlet name> <servlet class> ajax TestAjaxServlet</servlet class> </servlet>

　　<servlet mapping> <servlet name>TestAjaxServlet</servlet name> <url pattern>/servlet/TestAjaxServlet</url pattern> </servlet mapping> <wele file list> <wele file>ajaxdemo jsp</wele file> </wele file list></web app>

　　说明既然用到servlet了那难免要配置一下web xml了将对应servlet信息配置在web xml中

　　 TestAjaxServlet java

　　package ajax;

　　import java io IOException;import java io PrintWriter;

　　import javax servlet ServletException;import javax servlet HttpServlet;import javax servlet HttpServletRequest;import javax servlet HttpServletResponse;

　　@SuppressWarnings( serial )public class TestAjaxServlet extends HttpServlet

　　public void doPost(HttpServletRequest request HttpServletResponse response) throws ServletException IOException

　　response setContentType( text/ ); String id = request getParameter( id ); //可在此处判断id是否为空并根据id做你相应的处理随意！ PrintWriter out = response getWriter(); out println( <!DOCTYPE HTML PUBLIC \\ //W C//DTD HTML Transitional//EN\\ > ); out println( <HTML> ); out println( <HEAD><TITLE>A Servlet</TITLE></HEAD> ); out println( <BODY> ); out print(id); out println( </BODY> ); out println( </HTML> ); out flush(); out close();

　　说明写一个最最……简单的doPost方法可以加上你自己的代码处理完了id 把它毫不留情的扔回页面然后看看结果吧

cha138/Article/program/Java/JSP/201311/19365