JQuery AJAX $.post()方法_html-js-css

概述AJAX = Asynchronous JavaScript and XML. AJAX 是一种创建快速动态网页的技术。 AJAX 通过在后台与服务器交换少量数据的方式，允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下，对网页的一部分进行更新。 JQuery脚本库里所提供的AJAX提交的

       AJAX = Asynchronous JavaScript and XML.
      AJAX 是1种创建快速动态网页的技术。
       AJAX 通过在后台与服务器交换少许数据的方式，允许网页进行异步更新。这意味着有可能在不重载全部页面的情况下，对网页的1部份进行更新。
       Jquery脚本库里所提供的AJAX提交的方法有很多，但主要的方法有$.get(),$.post(),$.AJAX()。其中$.AJAX()是前两种方法的底层实现，可以提供比前二者更多的属性与参数设置，如果需要高级的设置使用，建议使用$.AJAX()方法。
【转载使用，请注明出处：http://blog.csdn.net/mahoking】

学习$.get()方法
学习$.post()方法
学习$.AJAX()方法

$.post()方法
post() 方法通过 http POST 要求从服务器载入数据。
语法：
$.post(url,data,success(data,textStatus,jqXHR),dataType)
注释：
url                                    必须。规定把要求发送到哪一个 URL。
data           可选。映照或字符串值。规定连同要求发送到服务器的数据。
success(data,jqXHR)    可选。要求成功时履行的回调函数。
dataType                       可选。规定预期的服务器响应的数据类型。
默许履行智能判断（xml、Json、script、text、HTML等）。

演示案例：
1、创建Web项目JqueryAJAX。
2、在Webroot下创建Js/jquery文件目录，添加jquery⑵.1.1.Js
3、创建Servlet（AJAXpostservlet）。以下：

public class AJAXpostservlet extends httpServlet { public voID doGet(httpServletRequest request,httpServletResponse response) throws servletexception,IOException { retData(request,response,"GET"); } public voID doPost(httpServletRequest request,IOException { retData(request,"POST"); } /** * 对要求提供返回数据 * @param request * @param response * @param method * @throws IOException */ private voID retData(httpServletRequest request,httpServletResponse response,String method) throws IOException{ String username = request.getParameter("username"); String age = request.getParameter("age"); PrintWriter out = response.getWriter(); out.print(method+":username="+username+",age="+age); out.flush(); }}

4、创建jquery_AJAX_method_post.Jsp。

<%@ page language="java" import="java.util.*" pageEnCoding="UTF⑻"%><%String path = request.getcontextpath();String basePath = request.getScheme()+"://"+request.getServername()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML><HTML> <head> <base href="<%=basePath%>"> <Title>Jquery AJAX</Title> <Meta http-equiv="pragma" content="no-cache"> <Meta http-equiv="cache-control" content="no-cache"> <Meta http-equiv="expires" content="0"> <Meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <Meta http-equiv="description" content="This is my page"> <link rel="stylesheet" type="text/CSS" href="CSS/styles.CSS"> <script type="text/JavaScript" src="Js/jquery/jquery⑵.1.1.Js"></script> <script type="text/JavaScript"> //$.get()方法 function AJAXPost(){ $.post( "servlet/AJAXpostservlet",//URL地址 { username:$("#username").val(),age:$("#age").val() },function(data){ //回传函数 alert(data); },"text") } </script> </head> <body> <br> <div class="text_align-center">Jquery AJAX $.post()方法提交演示</div> <hr /> <div class="align-center"> <form action="" method="post"> 姓名:<input type="text" name="username" ID="username"/><br/> 年龄:<input type="text" name="age" ID="age"/><br/><br/> <input type="button" onclick="AJAXGet()" value="$.post()方法提交"/><br/> </form> </div> <hr /> </body></HTML>

5、将项目部署到Tomcat中，测试1下。

【转载使用，请注明出处：http://blog.csdn.net/mahoking】

总结

以上是内存溢出为你收集整理的JQuery AJAX $.post()方法全部内容，希望文章能够帮你解决JQuery AJAX $.post()方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1018976.html