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. Android JDK配置使支持Gradle更新，Maven安装

    配置Maven 或执行Gradle更新等相关命令时出现以下错误时要重新配置JDK ERROR: JAVA_HOME is set to an invalid directory.JAVA_HOME = ...

  2. 前端——CSS笔记

    CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小.颜色.字体加粗等. p{ font-size:12px; c ...

  3. [SQL基础教程] 4-2 数据删除(DELETE)

    [SQL基础教程] C4 数据更新 4-2 数据删除(DELETE) DROP TABLE / DELETE DROP TABLE - 完全删除表 DELETE - 仅删除数据,保留表容器 DELET ...

  4. 【转载】pygame安装与两种版本的Python兼容问题

    在开始学习游戏编程之前,我们先来安装下pygame和python3.2.5 参考园友: http://www.cnblogs.com/hongten/p/hongten_pygame_install. ...

  5. UIColor，CGColor，CIColor三者间的区别和联系

    一.UIColor UIColor是UIKit中存储颜色信息的一个重要的类,一个UIColor对象包含了颜色和透明度的值,它的颜色空间已经针对IOS进行了优化.UIColor包含了一些类方法用于创建一 ...

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

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

  7. Gs_Class.Gs_DataFunction数据操作类库20160225

    using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security ...

  8. python字符串及正则表达式[转]

    原文链接:http://www.cnblogs.com/guojidong/archive/2012/12/20/2826388.html 字符串: 正则表达式 正则表达式元字符与语法图: 注意事项: ...

  9. ubuntu 14.04—解决软件中心进度条卡死的问题

    软件中心下载安装软件进度条卡住了,这时候解决方法为: 先解锁: sudo rm -rf /var/lib/dpkg/lock 如果此时开启软件中心,发现进度还在, 那么我们需要找到相关的进程关闭他,使 ...

  10. 服务管理--systemctl命令

    摘要: systemctl 是系统服务管理器命令,它实际上将 service 和 chkconfig 这两个命令组合到一起. 任务 旧指令 新指令 使某服务自动启动 chkconfig --level ...