AJax技术

AJAX提交方法(POST)Demon,ajax提交postdemon

字号+ 作者:H5之家 来源:H5之家 2015-11-23 10:30 我要评论( )

AJAX提交方法(POST)Demon,ajax提交postdemon AJAX的POST提交方法,本质上来看和GET差不多,有些细小的区别,POST要提交数据时,需要setRequestH

AJAX提交方法(POST)Demon,ajax提交postdemon

AJAX提交方法(POST)Demon,ajax提交postdemon   AJAX的POST提交方法,本质上来看和GET差不多,有些细小的区别,POST要提交数据时,需要setRequestH

AJAX提交方法(POST)Demon,ajax提交postdemon

  AJAX的POST提交方法,本质上来看和GET差不多,有些细小的区别,POST要提交数据时,需要setRequestHeader()方法来提交HTTP头,然后send()方法中提交数据(格式为:"?str=String&str2=String2");str和str2为变量名,String和String2为要发送的值。

  其他与Get差不多。

  下面是一个发送并接收username和password的Demon,先创建一个.html文件,名称随意,代码如下:

<body> <script type="text/javascript" src="1.js"></script> 用户名称:<input type="text" /><br /> 用户密码:<input type="password" /><br /> <input type="button" value="提交"> <br/> <p></p> </body>

  接着来创建1.js的Javascript文件,要和.html在同一目录下,代码如下:

function fun(){ if(window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest(); }else if(window.ActiveXObject){ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }else{ alert("对象无法被构建"); } username = document.getElementById("username").value; password = document.getElementById("password").value; xmlhttp.onreadystatechange = handchange; xmlhttp.open("POST","Servlet1?username="+username+"&password="+password,true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); //设置的HTTP头 xmlhttp.send("task=task&msg=msg"); //此处只是为了证明send()的使用方法,无意义 } function handchange(){ if(xmlhttp.readyState == 4){ if(xmlhttp.status == 200){ document.getElementById("txt").innerHTML = xmlhttp.responseText; } }else{ document.getElementById("txt").innerHTML = "耐心等待..."; } }

  下面创建一个Servlet注意在web.xml里面的映射名称要和xmlhttp.open("POST","Servlet1?username="+username+"&password="+password,true);此处的Servlet1一致。

  Servlet1,doPost代码如下:

response.setContentType("text/html"); response.setCharacterEncoding("UTF-8"); PrintWriter out = response.getWriter(); String username = new String(request.getParameter("username").getBytes("ISO-8859-1"),"UTF-8"); String password = new String(request.getParameter("password").getBytes("ISO-8859-1"),"UTF-8"); String task = new String(request.getParameter("task").getBytes("ISO-8859-1"),"UTF-8"); String msg = new String(request.getParameter("msg").getBytes("ISO-8859-1"),"UTF-8"); System.out.println(username+""+password); if(task.equals("task")){ if(msg.equals("msg")){ out.println(username+""+password);//send()若是成功传入了数据则,在.html也面中显示输入的值 } }

  截图如下:

输入数据,点击提交,截图如下:

\

://www.bkjia.com/Javabc/1043468.htmlTechArticleAJAX提交方法(POST)Demon,ajax提交postdemon AJAX的POST提交方法,本质上来看和GET差不多,有些细小的区别,POST要提交数据时,需要setRequestHe...

  • 上一篇:关于实例化和成员方法的调用,实例成员调用
  • 下一篇:Java程序设计之打印100~999的水仙花数,999水仙花

     

    1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    • JQuery实现Ajax加载图片的方法

      JQuery实现Ajax加载图片的方法

      2016-02-24 17:01

    • 判断用户是不是为ajax请求

      判断用户是不是为ajax请求

      2016-02-24 17:00

    • Ajax与WEB开发 by alixixi.com

      Ajax与WEB开发 by alixixi.com

      2016-02-11 11:02

    • jQuery.ajax()的相关参数及使用

      jQuery.ajax()的相关参数及使用

      2016-02-08 16:00

    网友点评
    >