通过ajax的post方法向服务器发送参数

来源：互联网发布：servlet接收ajax json 编辑：程序博客网时间：2024/05/23 18:15

package liulixin;import java.io.*;import java.text.*;import java.util.*;import javax.servlet.*;import javax.servlet.http.*;public class getname extends HttpServlet {public void init(ServletConfig config) throws ServletException {super.init(config);}public void destroy() {}public void doPost(HttpServletRequest request, HttpServletResponse response)throws IOException, ServletException {String name = null;System.out.println("arrived at doPost");PrintWriter out = response.getWriter();if (request.getParameter("txtname") != null) {name = request.getParameter("txtname");System.out.println(name);} else {name = "";}out.println("You have successfully made Ajax Call:" + name);}}

<html><head><title>JSP and Servlet using AJAX</title><script type="text/javascript">function getXMLObject() //XML OBJECT{var xmlHttp = false;try {xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); // For Old Microsoft Browsers} catch (e) {try {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); // For Microsoft IE 6.0+} catch (e2) {xmlHttp = false; // No Browser accepts the XMLHTTP Object then false}}if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {xmlHttp = new XMLHttpRequest(); //For Mozilla, Opera Browsers}return xmlHttp; // Mandatory Statement returning the ajax object created}var xmlhttp = new getXMLObject(); //xmlhttp holds the ajax objectfunction ajaxFunction() {alert("insiede Function");if (xmlhttp) {alert("inside if");var txtname = document.getElementById("txtname");xmlhttp.open("POST", "Messages", true); //getname will be the servlet namexmlhttp.onreadystatechange = handleServerResponse;xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');xmlhttp.send("txtname=" + txtname.value); //Posting txtname to Servlet}alert("after if");}function handleServerResponse() {alert("inside handleServerResponse");if (xmlhttp.readyState == 4) {if (xmlhttp.status == 200) {document.getElementById("message").innerHTML = xmlhttp.responseText; //Update the HTML Form element } else {alert("Error during AJAX call. Please try again");}}}</script><body><form name="myForm" method="POST" action=""><table><tr><td>Enter Name</td><td><input type="text" name="txtname" id="txtname" /></td></tr><tr><td colspan="2"><input type="button" value="Submit"onclick="ajaxFunction();" /></td></tr></table></form><div id="message"></div></body></head></html>

  <servlet>        <servlet-name>Messages</servlet-name>        <servlet-class>liulixin.getname</servlet-class>    </servlet>    <servlet-mapping>        <servlet-name>Messages</servlet-name>        <url-pattern>/Messages</url-pattern>    </servlet-mapping>

原文：http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=222

源代码：http://pan.baidu.com/share/link?shareid=486159&uk=3878681452