get

前台页面

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>

        <title></title>

        <style type="text/css">

            #dsh{width: 100%; height: 100px; border: red solid 1px;}

        </style>

    </head>

    <body>

        <div id="dsh"></div>

        <script type="text/javascript">

            $.ajax({

               type: "get",

               url:  "Test.jsp",

               success: function (data) {document.getElementById("dsh").innerHTML=data;},

               error:   function (XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown);}

             });

        </script>

    </body>

</html>

后台页面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@ page import="java.io.PrintWriter" %>

<!DOCTYPE HTML>

<html>

  <head></head>

  <body>

    This is my JSP page. <br>

    <%

        PrintWriter out2=response.getWriter();

        out2.println("Hello dsh!");//out2是response的实例

        out2.flush();//输出流的方法，清空缓冲区

        out2.close();//关闭输出流

     %>

  </body>

</html>

打开就已经加载进来了

Post

前台页面

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>

        <title></title>

        <style type="text/css">

            #dsh{width: 100%; height: 100px; border: red solid 1px;}

        </style>

    </head>

    <body>

        <div id="dsh"></div>

        <script type="text/javascript">

            $.ajax({

            type: "post",

              url:  "Test.jsp",

              data:{Name:"sanmao",Password:"sanmaoword"},

              datatype: "html",//"xml", "html", "script", "json", "jsonp", "text".

               success: function (data,status) {alert("Data: " + data + "\nStatus: " + status);},

               error:   function (data,status) { alert("请求出错"+"\n"+"\nStatus: " + status);}

           //还有一些其它方法

           //beforeSend:function(){alert("在请求之前调用的函数")};

           //complete:  function(){alert("在调用执行后调用的函数")}

               })

        </script>

    </body>

</html>

后台页面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@ page import="java.io.PrintWriter" %>

<!DOCTYPE HTML>

<html>

  <head></head>

  <body>

             我是后台页面,此页不要单独打开，否则值为空<br/>

            接受到的值是:<%=request.getParameter("Name")%>

  </body>

</html>

执行

5-jQuery - AJAX get()/post()页面请求即执行的更多相关文章

  1. jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法

    1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是“a ...

  2. Jquery Ajax调用aspx页面方法

    Jquery Ajax调用aspx页面方法 在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过as ...

  3. jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据

    jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据 这个是jQuery 的底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等. $.ajax() ...

  4. jquery ajax中success与complete的执行顺序

    jquery ajax中success与complete的执行顺序 jquery中各个事件执行顺序如下: 1.ajaxStart(全局事件) 2.beforeSend 3.ajaxSend(全局事件) ...

  5. Jquery Ajax调用aspx页面方法 (转载)

    在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过aspx.cs中的静态方法+WebMethod进 ...

  6. Django1.6 + jQuery Ajax + JSON 实现页面局部实时刷新

    最近微信公众帐号要扩展做一个签到系统,签到结果在一个网页上实时更新,即页面局部刷新.我想用Ajax来实现,之前公众帐号是用的Django搭的,我查找了Django的官方文档,没有封装Ajax.网上有各 ...

  7. 用JQuery Ajax 与一般处理程序 请求数据无刷新，以及如何调试错误

    通过 ajax() 与 一般处理程序,请求数据库数据,实现界面无刷新. Jquery ajax 请求参数详细说明 http://www.w3school.com.cn/jquery/ajax_ajax ...

  8. 当jquery ajax遇上401请求

    jquery ajax是个很常用接口,而在请求时候,可能存在响应401的情况(身份认证过期或未登录),比较容易出现在混合应用上,如何进行身份认证,重发失败请求,还是值得注意的. ajax请求有两种方式 ...

  9. Jquery Ajax调用aspx页面实例

    目前,我会的几种asp.net界面与后台代码交互方式有几种: 1.webform+服务器控件交互: 2.webform+jquery+ajax+一般处理程序交互: 3.webform+jquery+a ...

随机推荐

  1. HTML5之canvas细节详谈

    一.canvas基础 1.canvas是HTML5 的新标签,其默认宽高为300*150.      canvas 元素本身是没有绘图能力的.所有的绘制工作必须在 JavaScript 内部完成.   ...

  2. CodeForces 645A Amity Assessment

    简单模拟. #pragma comment(linker, "/STACK:1024000000,1024000000") #include<cstdio> #incl ...

  3. vue.js之个人总结

    1.MVVM模式 MVVM模式(Model-View-ViewModel)的运作如下图: 1)上图解析:ViewModel是Vue.js的核心,它是一个Vue实例.Vue实例是作用于某一个HTML元素 ...

  4. Attribute value is quoted with " which must be escaped when used within the value 问题解决

    访问JSP时,报错:Attribute value is quoted with " which must be escaped when used within the value .相信 ...

  5. [转]奇异值分解（We Recommend a Singular Value Decomposition）

    原文作者:David Austin原文链接: http://www.ams.org/samplings/feature-column/fcarc-svd译者:richardsun(孙振龙) 在这篇文章 ...

  6. 将JSON对象转化为数组对象

    package web.helper; import java.util.ArrayList; import net.sf.json.JSONArray; import web.model.Abstr ...

  7. Linux、GUN/Linux、GUN、GPL以及各个发行版本详细介绍

    学习Linux很久了,却对GUN,Linux,Linux发行版等无所了解,是不是觉得很对不起自己啊.呵呵,所以我就在网上找了些资料,总结在一起,还算是比较能说明问题的. 什么是Linux? 也许很多人 ...

  8. Metrics-Java版的指标度量工具

    介绍 Metrics是一个给JAVA服务的各项指标提供度量工具的包,在JAVA代码中嵌入Metrics代码,可以方便的对业务代码的各个指标进行监控,同时,Metrics能够很好的跟Ganlia.Gra ...

  9. 【Python】Python中对象管理与垃圾回收中两个很有意思的问题

    再Python中是利用引用计数来实现对象管理和垃圾回收的,即其他对象引用该对象时候,其引用计数加1,反之减1,当引用计数为0时候,被垃圾收集器回收. Python解释器对对象以及计数器的管理分为以下两 ...

  10. F9 开发之左树右表中的左树

    1 首先在前端应用树树控件 <div class="fui-left"> <div role="head" title="地区选择& ...