`
zsnlovewl
  • 浏览: 176542 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery ajax 应用

阅读更多

--------------------------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")){%>
简单结果
<%}%>

分享到:
评论

相关推荐

    vue基本环境+jquery ajax应用

    在标题“vue基本环境+jquery ajax应用”中,我们可以理解为这个压缩包可能包含了一个基本的Vue开发环境,并展示了如何结合jQuery的AJAX功能来处理数据请求。 Vue的基本环境通常包括Vue的核心库、Vue CLI(命令行...

    jQueryAjax应用解析中文WORD版

    资源名称:jQuery Ajax应用解析 中文WORD版内容简介:本文档主要讲述的是jQuery Ajax应用解析;jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写Javascript...

    jQueryAjax应用解析中文最新版本

    本文档主要讲述的是jQuery Ajax应用解析;jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。希望本文档可以给大家带来帮助;感兴趣的朋友可以...

    jquery ajax应用解析大全

    jquery ajax应用解析大全

    jQuery AJAX应用实例总结

    本文实例总结了jQuery AJAX应用。分享给大家供大家参考,具体如下: AJAX 是指一种创建交互式网页应用的网页开发技术。 AJAX=异步JavaScript和XML(标准通用标记语言的子集)。 AJAX是一种用于创建快速动态网页的...

    Jquery Ajax分页(有实例)

    **jQuery AJAX分页技术详解** 在Web开发中,分页是一种常见的数据展示方式,它能够有效地组织大量数据,提高页面加载速度,优化用户体验。jQuery,一个轻量级、功能丰富的JavaScript库,结合AJAX(异步JavaScript和...

    jquery-ajax的应用

    **jQuery AJAX 应用详解** 在Web开发中,jQuery库以其简洁易用的API和强大的功能深受开发者喜爱,其中AJAX(Asynchronous JavaScript and XML)技术是jQuery中的一个核心部分,它使得页面无需刷新即可与服务器进行...

    Ajax+JQuery应用Demo

    工作之余写的一些Ajax应用,有6个Demo,数据库为mysql,使用之前看readme.txt。javascript与jquery混用。无刷新购物车、输入提示、表格局部刷新、xml实时数据更新、划词解释。

    jquery Ajax

    通过查看这些文件,你可以深入理解如何将jQuery AJAX应用于实际的数据库交互场景。 ### 四、优化与注意事项 5. 使用**async: false** 可以创建同步请求,但会导致浏览器冻结,应尽量避免。 6. 使用**cache: false*...

    jQuery ajax应用总结

    以下是对jQuery AJAX应用的详细总结: 1. **jQuery中的AJAX调用**: - `$.get` 方法是最简单的GET请求,用于从服务器获取数据。例如: ```javascript $.get(url, function(data) { // 处理返回的数据 }); ```...

    asp+jquery ajax实例源码,添加,删除,修改,分页

    【ASP + jQuery AJAX 实例源码详解】 ASP (Active Server Pages) 是微软开发的一种服务器端脚本语言,常用于构建动态网页。jQuery 是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画以及AJAX交互。AJAX...

    jqueryajax jquery ajax

    **jQuery AJAX** 是一个在Web开发中广泛使用的JavaScript库,由John Resig于2006年创建。jQuery简化了JavaScript中的异步HTTP(Ajax)...通过熟练掌握jQuery AJAX,开发者可以构建出交互性强、用户体验优秀的Web应用。

    Jquery的Ajax应用

    【jQuery的Ajax应用】 jQuery是JavaScript的一个库,它极大地简化了JavaScript的使用,包括处理Ajax交互。Ajax在jQuery中的应用让开发者能够实现无刷新的数据交换,提升了用户体验,减少了页面加载时间,同时也使得...

    JqueryAjax简单实例

    在这个"JqueryAjax简单实例"中,我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先,我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....

    html静态页JQuery ajax示例demo 源码

    在这个"html静态页JQuery ajax示例demo 源码"中,我们可以深入学习和理解AJAX在C# ASP.NET环境下的应用。 首先,AJAX(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,能够更新部分网页的...

    jquery ajax源代码

    ### jQuery AJAX 源代码分析 #### 一、概述 jQuery 是一款优秀的 JavaScript 库,它简化了 HTML 文档遍历、...通过深入理解 jQuery AJAX 的工作原理和使用方法,可以更加高效地开发出具有异步交互功能的应用程序。

    jQuery Ajax过滤器

    本文将深入探讨jQuery中的Ajax过滤器及其在Ajaxform表单提交中的应用,以及如何解决可能出现的乱码问题。 首先,让我们理解什么是jQuery Ajax过滤器。在jQuery中,`ajaxSend`、`ajaxComplete`、`ajaxSuccess`、`...

    Jquery Ajax简易计算器

    **jQuery AJAX简易计算器** 在Web开发中,动态交互是提升用户体验的重要手段,而jQuery的AJAX功能正是实现这种交互的核心技术。本项目“jQuery AJAX简易计算器”旨在展示如何利用jQuery库与服务器端进行异步数据...

    使用jQuery ajax提交表单代码

    总的来说,使用jQuery的ajax方法提交表单是一种高效且灵活的方式,能够无缝集成到现有的jQuery应用中。通过理解以上知识点,开发者可以创建更动态、响应更快的Web应用。在提供的压缩包文件“jqueryform”中,你应该...

Global site tag (gtag.js) - Google Analytics