//---------前台代码------
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'jqueryajax_demo02.jsp' starting page</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="styles.css">
-->
<script type="text/javascript" src="scripts/jquery-1.7.1.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$('#message').hide() ;
$('#isubmit').click(function(){
var uname=document.getElementById("uname").value;
var data="uname="+uname;
// alert(uname) ;
$.ajax({
type:"post",
url:"resonseajax.jsp",
data:data,// 此处是ajax传递的参数
success:function(html){ //回调函数
$('#message').show() ;
$('#message').text(html) ;
}
});
});
});
</script>
</head>
<body>
<table>
<tr>
<td><input type="text" name="uname" id="uname" /></td>
<td><input type="submit" value="提交" id="isubmit"></td>
<td><span id="message"></span></td>
</tr>
</table>
</html>
//-------------后台代码---------------
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String uname = request.getParameter("uname") ;
System.out.println(uname) ;
out.println("welcome"+uname) ;
%>
分享到:
相关推荐
jQuery-ajax前台请求,及后台响应的示例代码,含客户端和服务端源码(可运行)。
jQuery treeTable AJAX 示例此示例演示了将 jQuery treeTable 插件 ( ) 用于启用 AJAX 的树。 它在服务器端使用 Ruby on Rails 和 SQLite。 文件 app/views/nodes/index.html.erb 包含有趣的 Javascript 位。 当节点...
kefir-jquery-ajax 提出$ .ajax请求,退还开菲尔(kefir)属性! 安装 npm install kefir-jquery-ajax 用法示例 var kefirAjax = require ( 'kefir-jquery-ajax' ) //returns a promise for a GET to the query ...
jQuery简洁的Ajax jQuery Unobtrusive Ajax库通过添加对通过Ajax调用将HTML替换选项指定为HTML5 data-*元素的支持,对jQuery Ajax方法进行了补充。 该项目是ASP.NET Core的一部分。 您可以在仓库中找到ASP.NET Core...
在此示例中,我使用了多个jquery插件来执行Ajax,Ajax分页,Bootstrap,Bootstrap验证以及下面列出的通知。 1,jQuery 2.引导程序3.twbsPagination js 4.Validator JS(Bootstrap表单验证示例,带有使用Validator....
Jquery跨域访问Web服务的demo源码
带有PHP MySQL的jQuery AJAX POST方法示例 网址: : 在本教程中,您将学习有关PHP和MySQL的jQuery Ajax POST方法示例: 在本教程中执行以下任务。 在ajaxjquery目录中创建文件postdata.php。 添加将显示带有...
jquery ajax 异步 上传 示例
本文为您提供了实现Page Method并通过jQuery.ajax()调用进行调用的分步示例。 本示例将从Northwind数据库的Customer表中读取数据。 您可以在此处下载Northwind数据库。 根据选定的DropDown国家/地区值,如果...
jquery-ajax-addToken 将此包含在您的项目中以将安全令牌添加到您的 ajax 请求中从服务器检索令牌并添加到全局层的调用中。 这种情况是服务器有一个 get 服务为您提供一个时间令牌,您应该在下一个请求中包含该令牌...
主要介绍了jQuery+ajax实现动态添加表格tr td功能,结合实例形式分析了jQuery基于ajax动态创建页面table元素相关操作技巧,需要的朋友可以参考下
带有PHP MySQL的jQuery AJAX GET方法示例 网址: : 在本教程中,您将学习有关PHP和MySQL的jQuery Ajax GET方法示例: 在本教程中执行以下任务。 创建一个MySQL表并插入数据 创建HTML表单和jQuery脚本以执行对...
这是一个比较简单的Ajax示例。一看就会懂
JQuery ajax的各种使用方法示例和说明 本示例程序由VS2010建立 c# asp.net ajax demo
本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。
采用java+jquery的ajax,用json传输,myeclipse工程,含jar包和sql脚本
jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。 插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的...
JQuery+Ajax星级评分示例源码 源码描述: JQuery+Ajax星级评分示例 一个简单的星级评分,运用起来很灵活 一些需要的逻辑可以写在ajax调用的Handler.ashx文件中 欢迎感兴趣的用户下载学习
JQuery实现ajax上传文件示例源码
工作之余写的一些Ajax应用,有6个Demo,数据库为mysql,使用之前看readme.txt。javascript与jquery混用。无刷新购物车、输入提示、表格局部刷新、xml实时数据更新、划词解释。