ajax实例

最新推荐文章于 2023-05-22 23:12:02 发布
最新推荐文章于 2023-05-22 23:12:02 发布
阅读量151 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40403318/article/details/90085393
版权 
 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
 <title>helloworld</title>
 <script type="text/javascript" src="/spring_mvc/js/jquery.js"></script>
 <script type="text/javascript">
$(function(){
    $("#testButton").click(function(){
        var $a = $(this);
        $.ajax({
            url:"/spring_mvc/testAjax.do",
            type:'post',
            data:'name=admin&password=123456',
            dataType:'html',
            success:function(data,status){
                if(status == "success"){
                    var objs = jQuery.parseJSON(data);
                    var str = "";
                    for(var i=0;i<objs.length;i++){
                        str = str + objs[i].activityName+" ";
                    }
                    $("#content").html(str);
                }
            },
            error:function(xhr,textStatus,errorThrown){
            }
        });
    });
});
 </script>
</head>
<body>
    <button id="testButton">异步传输</button>
    <div id="content"></div>
</body>

 public class TestAjaxAction implements Controller {
  public ModelAndView handleRequest(HttpServletRequest request,
    HttpServletResponse response) throws Exception       
    response.setCharacterEncoding("UTF-8");
    String name = request.getParameter("name");
    String password = request.getParameter("password");
    System.out.println(name+" : "+password);
    PrintWriter out = response.getWriter();
    
    List<Map<String,String>> list = new ArrayList<Map<String,String>>();
    Map<String,String> m1 = new HashMap<String,String>();
    m1.put("activityId", "000001");
    m1.put("activityName", "阿斯蒂芬1");
    Map<String,String> m2 = new HashMap<String,String>();
    m2.put("activityId", "000002");
    m2.put("activityName", "阿斯蒂芬2");
    Map<String,String> m3 = new HashMap<String,String>();
    m3.put("activityId", "000003");
    m3.put("activityName", "阿斯蒂芬3");
    Map<String,String> m4 = new HashMap<String,String>();
    m4.put("activityId", "000004");
    m4.put("activityName", "阿斯蒂芬4");
    Map<String,String> m5 = new HashMap<String,String>();
    m5.put("activityId", "000005");
    m5.put("activityName", "阿斯蒂芬5");
    list.add(m1);
    list.add(m2);
    list.add(m3);
    list.add(m4);
    list.add(m5);
    
    String s = JSONArray.fromObject(list).toString();
    out.print(s);
    out.close();
    
    return null;
  }
 }
浮生无涯
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ajax技术 实例篇
weixin_47044904的博客
06-09 1114
本篇文章通过Html+Ajax+node技术实现一个简单的Ajax请求案例，为加强对Ajax技术的了解和实操经验
ajax常用案例,AJAX实例
weixin_34649252的博客
08-05 2016
AJAX实例用户页面发起一个请求， 使用servlet输出数据到jsp练习使用HttpServletResposne输出。pint使用servlet输出一个字符串响应ajax请求根据省份id查询省份名称需求：用户在文本框架输入省份的编号id，在其他文本框显示省份名称● 项目环境准备：数据库：springdb数据表：● 省份信息表：CREATE TABLE `province` (`id` int(...
Ajax介绍以及实例
typ的blog，记录工作中的问题、学习中的笔记、生活中的感想。
06-20 1130
Ajax实例讲解
AJAX基础实例
qq_44920883的博客
09-22 411
AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 AJAX实例展示 服务端应用的express框架 **服务端** //引入express const express = require('express') // 创建应用对象 const app =express() // 创建路由规则 //request 对请 //response 响应 //get 路由
ajax示例
while(life)++；
03-03 646
目录1、ajax以form形式发送数据1.1 ajax代码1.2 后端代码2、ajax以JSON形式发送数据2.1 ajax代码2.2 后端代码3、ajax以form形式发送list数据3.1 ajax代码3.2 后端代码 1、ajax以form形式发送数据 1.1 ajax代码 这里的contentType值是application/x-www-form-urlencoded，是默认的，不写也...
ajax 项目实例
vydoo的专栏
10-22 828
1. jQuery 下拉菜单 $.ajax({ url:basePath + "/resources/js/jquery.cxselect/cityData.min.json", success:function(data){ $('#element_id').cxSelect({ url : data, selects : [ 'province', 'cit
ajax实例---post方式
Android探索之路
08-19 1675
/** * 使用Ajax和服务器进行通信 * *创建XmlHttpRequest对象 * *打开和服务器的链接 * *发送请求 * *处理服务器的返回信息 * * */ // window.onload=function(){ document.getElementById("ok").onclick=function(){ //1 创建XmlHttpRe
AJAX 实例
12-13
AJAX 实例 为了帮助您理解 AJAX 的工作原理，我们创建了一个小型的 AJAX 应用程序: 实例 使用 AJAX 修改该文本内容 修改内容 AJAX 实例解析 上面的 AJAX 应用程序包含一个 div 和一个按钮。 div 部分用于显示来自...
基于JQuery框架的AJAX实例代码
10-29
**基于JQuery框架的AJAX实例详解** 在Web开发中，AJAX（Asynchronous JavaScript and XML）技术允许我们在不刷新整个页面的情况下与服务器交换数据并局部更新页面内容，极大地提升了用户体验。而JQuery是一个强大的...
ajax的一个简单例子
04-25
ajax的一个简单例子,这是一个小例子,可以仅供参考
Ajax下拉框实例，Ajax小实例
06-26
Ajax下拉框实例，对初学Ajax的人很有用
Ajax 经典案例开发大全
09-18
经典案例，带数据库脚本、Java源文件和页面源文件。有演示效果，也可以自己部署看效果。以下是案例的目录。 1-1.EXE 动态加载的FAQ实例演示 1-2.EXE 根据邮政编码获取地区信息实例演示 1-3.EXE 动态树形列表实例演示 1-4.EXE 多级联动菜单实例演示 1-5.EXE 条件设置向导实例演示 1-6.EXE 页面关键词提示实例演示 2-1.EXE 无刷新显示回帖实例演示 2-2.EXE 输入内容前提示实例演示 2-3.EXE 带进度的文件上传实例演示 2-4.EXE 大量数据动态浏览查询实例演示 2-5.EXE 信息排序实例演示 2-6.EXE 切换标签页实例演示 3-1.EXE 注册表单验证实例演示 3-2.EXE 购物车实例演示 3-3.EXE 产品快速检索实例演示 3-4.EXE 系列产品特性速查实例演示 3-5.EXE 邮件订阅实例演示 3-6.EXE 产品评级实例演示 4-1.EXE 简单计算器实例演示 4-2.EXE 文章拼写检查实例演示 4-3.EXE 拼词游戏实例演示 4-4.EXE 在线词典实例演示 4-5.EXE 远程网页源代码读取实例演示 5-1.EXE 相册浏览实例演示 5-2.EXE 幻灯片实例演示 5-3.EXE 灯箱效果实例演示 5-4.EXE 聊天室实例演示 6-1.EXE 自动登录实例演示 6-2.EXE 自动保存草稿实例演示 6-3.EXE 实时更新的股价实例演示 6-4.EXE 提前加载分页文章实例演示 7-1.EXE 获取服务器当前时间实例演示 7-2.EXE 远程PING服务器实例演示 7-3.EXE 服务器监测系统实例演示 7-4.EXE 使用滑动栏设置参数实例演示 8-1.EXE RSS阅读器实例演示 8-2.EXE 天气情况查询实例演示 8-3.EXE 访问搜索服务实例演示 8-4.EXE 读取Amazon产品目录实例演示 9-1.EXE 名片册实例演示 9-2.EXE 自定义个人门户实例演示 9-3.EXE 个人任务管理实例演示 9-4.EXE 许愿墙实例演示 9-5.EXE 日程表实例演示 9-6.EXE 考试系统实例演示
一个最简单的AJAX例子
01-03
一个最简单的AJAX例子 好看来评论哦.
Ajax经典实例大全
09-24
Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全 Ajax经典实例大全
ajax实例源码
03-02
**Ajax（Asynchronous JavaScript and ...通过这个"ajax实例源码"，初学者可以深入学习Ajax的基本用法和实际应用，从创建XMLHttpRequest对象到发送请求，再到处理响应和更新页面，逐步掌握Ajax技术，提升Web开发技能。
简单ASP+AJAX实例
10-30
"简单ASP+AJAX实例"是一个教学资源，旨在帮助新手了解如何结合ASP和AJAX来构建无刷新请求功能。在这样的实例中，通常会包含以下几个部分： 1. **ASP后端处理**：使用ASP接收来自客户端的AJAX请求，处理数据（例如...
简单易懂：Ajax入门实例详解（登录功能）
大三软件工程在读，喜爱编程，分享。
05-22 3847
Ajax（Asynchronous JavaScript and XML）是一种基于Web技术的编程实现方式，它使用JavaScript和XML来实现异步的数据交互。JavaScript负责发起请求和处理响应，而XML则负责将数据与页面分离。Ajax能够在不刷新整个页面的情况下更新页面内容，提高了页面的响应速度和用户体验。
快速掌握Ajax-Ajax基础实例
weixin_30527551的博客
02-07 139
　　AJAX即“Asynchronous JavaScript and XML”，意思是异步JavaScript和XML，是指一种创建交互式网页的网页开发技术。 　　虽然现在很少有人去自己手动写AJAX，大多数都用封装好的AJAX，但我觉得初学者还是应该从最原始的AJAX开始学习，这样才能掌握AJAX的核心。现在各种博客上讲解AJAX的比较多，但大多数都是只讲AJAX的前端部分，或者是只讲解一部...
ajax实例html
最新发布
03-13
下面是一个简单的Ajax实例的HTML代码： ```html <!DOCTYPE html> <title>Ajax Example <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> function getData() { axios.get('...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值