Hello,Ajax

最新推荐文章于 2024-11-11 21:19:25 发布
最新推荐文章于 2024-11-11 21:19:25 发布
阅读量83 收藏
点赞数
文章标签： java javascript ViewUI

学习了Ajax技术，写了一个最简单的Ajax应用

<%@page contentType="text/html; charset=utf-8" language="java" import="java.sql.* " errorPage="" %>
<%
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 'myHelloWorld.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">
        function ok(){
            var xmlhttp;
            if(window.XMLHttpRequest){
                //非ie
                xmlhttp=new XMLHttpRequest();
            }else if(window.ActiveXObject){
                try{
                    //ie
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch(e){
                    xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
                }
            }
            //设定回调函数
            xmlhttp.onreadystatechange=function(){
                if(xmlhttp.readyState==4){
                    if(xmlhttp.status==200){
                        //获取返回值
                        var msgWelcome=xmlhttp.responseText;
                        var msg=document.getElementById("msg");
                        msg.innerHTML=msgWelcome;
                    }
                }
            }
            //设定请求
            xmlhttp.open("get", "http://localhost:8080/LearnJava/myHelloWorld.do", true);
            //设定http头
            xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
            //发送请求
            xmlhttp.send(null);
        }
    </script>
  </head>
  
  <body>
    <span id="msg"></span><br>
    <input type="button" onclick="ok()" value="单击">
  </body>
</html>
View Code

关键代码：

<script type="text/javascript">
        function ok(){
            var xmlhttp;
            if(window.XMLHttpRequest){
                //非ie
                xmlhttp=new XMLHttpRequest();
            }else if(window.ActiveXObject){
                try{
                    //ie
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch(e){
                    xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
                }
            }
            //设定回调函数
            xmlhttp.onreadystatechange=function(){
                if(xmlhttp.readyState==4){
                    if(xmlhttp.status==200){
                        //获取返回值
                        var msgWelcome=xmlhttp.responseText;//获取response的输出值
                        var msg=document.getElementById("msg");
                        msg.innerHTML=msgWelcome;
                    }
                }
            }
            //设定请求
            xmlhttp.open("get", "http://localhost:8080/LearnJava/myHelloWorld.do", true);
            //设定http头
            xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');
            //发送请求
            xmlhttp.send(null);
        }
    </script>

这里只是一个简单的ajax的应用，将servlet输出信息写入页面中。过程是：

首先创建一个xmlhttp对象，然后以get方法向servlet发送请求。当

onreadystatechange事件发生，则调用回调函数，向界面输出信息。
weixin_34247032
关注
简单的AJAX实现(HELLO AJAX)
10-29
在提供的示例中，我们看到一个简单的AJAX实现，分为客户端（浏览器）和服务器端（hello.jsp）两部分。 **客户端部分：** 客户端的JavaScript代码定义了一个`createAjax()`函数，用于根据浏览器类型创建...
Ajax的HelloWorld1
08-08
在这个"HelloWorld1"的例子中，我们将深入理解Ajax的基本工作流程以及涉及到的关键概念。 首先，我们需要监听窗口的`load`事件，当页面加载完成后，执行指定的函数。在这个函数中，我们获取页面上的第一个`<a>`标签...
Hello! Ajax!
林信良（良葛格）的专栏
02-18 8888
來撰寫您第一個Ajax程式，使用非同步的方式向伺服端取得文字檔案，並加以顯示，首先請準備一個HTML網頁： HelloAjaxEx-1.html Hello! Ajax! Examples... 這個HTML網頁會取得JavaScript檔案，而按下按鈕後，會執行startRequest()函式，JavaScript檔案如下所示： HelloAja
Hello AJAX！
xinkuIe
10-26 227
1.AJAX简介 名字由来是Asynchronous JavaScript And XML首字母缩写，即异步的JS和XML，通过AJAX可以 在 浏览器中向 服务器 发送异步请求，最大的优势：无刷新获取数据。比如懒加载之类，在目前的网页中随处可见。 AJAX 不是新的编程语言， 而是一种将现有的标准组合在一起使用的新方式。 这里提一嘴XML。XML 被设计用来传输和存储数据，和 HTML 类似， 不同的是 HTML 中都是预定义标签， 而 XML 中没有预定义标签，全都是自定义标签， 用来表示一些数据
Ajax之helloWorld
Gamedev
05-28 558
最近在学习AJAX，即“Asynchronous JavaScript and XML”（异步的JavaScript与XML技术） 这里附上几个有关的链接： 1. 维基百科-AJAX https://zh.wikipedia.org/wiki/AJAX 2. MDN-AJAX https://developer.mozilla.org/zh-TW/docs/AJAX 3. MDN-XML
Ajax完成一个简单的HelloWorld程序
无处不在
05-12 4343
学习JavaScript的时候，学到了Ajax的部分，觉得它很有意思，便照着书上的例子写了一个最简单的Ajax的HelloWorld的例子。Ajax是“Asynchronous JavaScript and XML”的意思，即（异步JavaScript和XML），通常用来实现网页中局部的刷新，我们看到看到的谷歌地图，谷歌建议都是Ajax技术。 首先写一下服务器端的后台xml代码：
简易ajax,简单的AJAX实现(HELLO AJAX)
weixin_33271064的博客
08-05 215
客户端部分：var ajax;function createAjax(){if(window.ActiveXObject){try{return new ActiveXObject("Msxm12.XMLHTTP");}catch(e){try{return newActiveXObject("Microsoft.XMLHTTP");}catch(e2){return null;}}}else i...
Hello Ajax
wanglinhua
06-04 71
one night in beijing !
Hello Ajax!
永 夜 北 京
02-27 830
来自 林信良（良葛格）的专栏。來撰寫您第一個Ajax程式，使用非同步的方式向伺服端取得文字檔案，並加以顯示，首先請準備一個HTML網頁： HelloAjaxEx-1.html Hello! Ajax! Examples... 這個HTML網頁會取得JavaScript檔案，而按下按鈕後，會執行startRequest()函式，JavaScript檔案如下所示
ajax第一个helloworld
03-20
【标题】"Ajax 第一个 HelloWorld" 是初学者进入异步JavaScript和XML（Asynchronous JavaScript and XML）技术领域的起点。Ajax是一种在无需刷新整个网页的情况下，能够更新部分网页的技术，极大地提升了用户体验。...
hello_ajax:您好AJAX Drupal模块是Drupal中有关AJAX的教程的一部分
03-22
【标题】中的“hello_ajax”是一个专门为Drupal内容管理系统设计的模块，它主要目的是为了教育和演示如何在Drupal中实现AJAX（Asynchronous JavaScript and XML）技术。AJAX是一种用于创建快速响应、动态网页的技术...
日常bug记录，easyexcel导入报错convert data ... to class java.math.BigDecimal error
mm
11-11 97
排查发现实体类中有BigDecimal属性，然而数据中这个属性为null，进行转换时报错。在实体类上加上自定义转换器。解决方法：自定义转换器类。
SpringBoot 实现图片加水印
最新发布
心猿意码
11-11 213
通过上述步骤，我们可以在SpringBoot项目中实现一个简单的图片加水印功能。当然，实际应用中可能需要更复杂的水印处理，比如水印图片、调整水印位置等，可以根据需求进行相应的扩展和优化。
刷题---顺序表算法题
weixin_63997543的博客
11-11 253
顺序算法题----力扣刷题
JAVA-01-变量
LJH_laura_li的博客
11-08 462
在方法、构造函数或块内部定义的变量。
基于 SpringBoot 实现QQ邮箱验证码注册功能
2301_79201049的博客
11-06 671
找到并开通以下的邮件协议服务，而且服务开启也较为简单，需要我们发送一个短信到指定的号码，开启后平台会提供一个授权码，一定要记住这个授权码，发邮件的时候需要这个。host 是根据服务主机区分，网易邮箱是 smtp.163.com, qq邮箱是 smtp.qq.com。其中的 username 是你第一步中操作的邮箱账号，nickname 是接收者收到邮件中显示的发件人。发送邮件的核心依赖是 mail ，由于该项目还涉及其他依赖就全都导进来了。（1）首先打开QQ邮箱，点击设置并来到账号页面。
Spring资源加载模块，原来XML就这，活该被注解踩在脚下 手写Spring第六篇了
mkii_hong的博客
11-11 632
Spring通过【资源】和【资源加载】帮我们找到这些配置文件然后通过大厨解析配置最后把"菜"（Bean）放到"厨房"（容器）里本文由 https://github.com/hongweihao/small-spring/tree/6_resource_load 赞注完成本文完 | 求赞求关注求转发!
Java基于小程序公考学习平台的设计与实现（附源码，文档）
chusheng1840的博客
11-09 1099
Java基于小程序公考学习平台的设计与实现，小程序公考学习平台使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，其管理小程序公考学习平台信息，查看小程序公考学习平台信息，管理小程序公考学习平台。总之，小程序公考学习平台集中管理信息，有着保密性强，效率高，存储空间大，成本低等诸多优点。它可以降低信息管理成本，实现信息管理计算机化。关键词：小程序公考学习平台；Java语言；Mysql。
AJAX异步交互技术详解与Java实现
如Java代码所示，该Servlet定义了`doGet`和`doPost`方法，分别处理GET和POST请求，返回一个简单的字符串"helloajax"。 在前端，开发者通常使用JavaScript库（如jQuery、axios等）来调用这些服务端API，发送HTTP请求...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值