--------------------------index.jsp--------------------------
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>AjAX请求数据</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript"><!--
//dataType:"script","html","xml","json"
jQuery.ajax({
type: "POST",
url: "MyJsp.jsp",
data: "id=1",
dataType:"script",
success: function(){
jQuery.each(APRS.result, function(i,data){
jQuery("#message").append(data.sencond+"<br>");
});
},
complete:function(){
jQuery("#message").append("请求完成");
},
error:function(){
jQuery("#message").append("请求错误");
}
});
/*jQuery.getScript("MyJsp.jsp?id=1", function(){
jQuery.each(APRS.result, function(i,aa){
jQuery("#message").append(aa.sencond+"<br>");
});
});
jQuery.getJSON("MyJsp.jsp",{id:2}, function(data){
jQuery.each(data.result, function(i,aa){
jQuery("#message").append(aa.sencond+"<br>");
});
});
jQuery.post("MyJsp.jsp",{id:3}, function(data){
jQuery("#message").append(data);
});*/
--></script>
</head>
<body>
<div id="images"></div>
请求数据输出:
<br />
<br />
<div id="message"></div>
</body>
</html>
---------------------------------MyJsp.jsp---------------------------------
<%@ page contentType="application/x-javascript" language="java" pageEncoding="UTF-8"%>
<%if(request.getParameter("id").equals("1")){%>
var APRS = {
keyword: '名字',
result:
[
{num:'1',sencond:'Test getScript1'},
{num:'2',sencond:'Test getScript2'}
]
}
<%}else if(request.getParameter("id").equals("2")){%>
{
keyword: '名字',
result:
[
{num:'1',sencond:'Test getJson1'},
{num:'2',sencond:'Test getJson2'}
]
}
<%}else if(request.getParameter("id").equals("3")){%>
简单结果
<%}%>
分享到:
相关推荐
资源名称:jQuery Ajax应用解析 中文WORD版内容简介:本文档主要讲述的是jQuery Ajax应用解析;jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写Javascript...
jquery ajax应用解析大全
本文实例总结了jQuery AJAX应用。分享给大家供大家参考,具体如下: AJAX 是指一种创建交互式网页应用的网页开发技术。 AJAX=异步JavaScript和XML(标准通用标记语言的子集)。 AJAX是一种用于创建快速动态网页的...
有需要的朋友可以下载参考一下,vue本身没有ajax功能要配合axios才行, 在不用这个的话就可以用jquery配合实现
工作之余写的一些Ajax应用,有6个Demo,数据库为mysql,使用之前看readme.txt。javascript与jquery混用。无刷新购物车、输入提示、表格局部刷新、xml实时数据更新、划词解释。
初学ajax的可以看看,Jquery实现AJAX 应用
J2EE中JSON+Jquery_AJAX应用分享给大家
jQuery 的Ajax应用 jQuery操作表格 jQuery插件
jquery Ajax应用--利用js后台调用代码刷数据库
NULL 博文链接:https://teddywang.iteye.com/blog/717987
springMVC jQuery ajax交互的简单的应用,一个可以参照的文件
资源名称:J2EE中JSON Jquery_AJAX应用 中文PDF版内容简介:本文档主要讲述的是J2EE中JSON Jquery_AJAX应用;主要是描述使用JSON JQuery_AJAX实现页面动态加载与页面表单数据的异步保存。首先页面通过调用JQuery_...
jQuery之ajax应用,用jquery的各种提交方式
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
ajax 开发 必备文件 jquery ajax开发 一般处理程序ajax开发 应用
一、jQuery中Ajax的调用(需要引用jQuery代码库)。 方法1: 复制代码 代码如下:$.get(url, function(data) { //deal with the data }); 方法2: 复制代码 代码如下:jQuery.post( url, [ data ], [ success(data, ...
jQuery的ajax在CI框架中的应用
jquery-ajax的应用jquery-ajax的应用