`
juzhibest
  • 浏览: 55462 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

ajax + json 练习

阅读更多

具体文件见附件:

其中 ajax_test_.html

下面二个js文件说明一下.

 <script language="javascript" src="getHttprequest.js"></script>
 <script type="text/javascript" src="json.js"></script>

 

getHttprequest.js 文件为获得HttpRequest(里面内容也很简单).

json.js 文件为.... 在本例子没用到..

//alert(json.toJSONString());   (json.js脚本) 把json对象转换成string.

当然这个json.js在本例中可以不用加载..

 

ajax_test_.html中XMLht对象open方法的参数

XMLht.open("GET","../servlet/AjaxServlet?sid="+sid+"&id=1",true);

红色标注部分调用一个servlet,这个很简单,在附件中有.

 

...

 

AjaxServlet 返回一个json格式的字符串,ajax_test_.html 处理此字符串.

然后再页面显示.

 

 

 

分享到:
评论

相关推荐

    idea工具,SSM+Shiro+Ajax+jQuery+Thymeleaf

    比较实用的简单项目,适合练习数据库的增删改查,框架与技术:SSM+Shiro+Ajax+jQuery+Thymeleaf

    JSP+Jquery+JSON 集合实现AJAX

    本教程主要聚焦于如何利用JSP(JavaServer Pages)、jQuery和JSON(JavaScript Object Notation)来实现AJAX功能。 **JSP(JavaServer Pages)** JSP是Java的一种视图技术,用于生成动态网页。开发者可以在JSP页面...

    struts+json+jquery练习小项目包括返回单个字符、对象、list、map

    在这个练习小项目中,我们关注的是如何利用Struts2与JSON(JavaScript Object Notation)和jQuery进行集成,以实现数据的交互和展示。JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成...

    用ajax+servlet做的练习

    4. **JSON数据格式**:尽管名称中包含XML,但现代Ajax更常使用JSON(JavaScript Object Notation)作为数据交换格式,因为JSON更轻量级且易于解析。 5. **Servlet**:在Java Web开发中,Servlet是一个服务器端组件...

    Ajax、json实例学习代码

    然而,XML实际上并不是Ajax传输数据的唯一格式,JSON(JavaScript Object Notation)现在已经成为更常见且更受欢迎的数据交换格式,因为它更简洁、更易于解析,并且被广泛支持。 JSON是一种轻量级的数据交换格式,...

    html5练习+json工具类

    在Web开发中,JSON常与Ajax(异步JavaScript和XML)结合,实现页面的无刷新更新。JSON-P(JSON with Padding)是一种跨域数据交换的非标准方法,它允许服务器返回包裹在回调函数内的JSON数据,从而绕过浏览器的同源...

    一头扎进Ajax&Json视频教程4

    在本套"一头扎进Ajax&Json视频教程4"中,我们将深入探讨Web开发中的重要技术——Ajax和Json。这两个概念在现代Web应用程序中扮演着不可或缺的角色,它们极大地提升了用户体验,实现了页面无刷新的数据交互。 Ajax,...

    ajax+xml视屏文件

    然而,随着JSON的普及,现在大多数Ajax请求更倾向于使用JSON格式。JSON是JavaScript的一个子集,可以被JavaScript直接解析,结构简单,传输效率高。 在学习Ajax+XML的过程中,建议从以下几个方面深入: - ...

    ajax练习练习练习练习

    Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在Windows 10操作系统环境中,Ajax广泛应用于构建交互性强、响应迅速的Web应用程序。通过Ajax,开发者可以...

    php+ajax练习.txt

    - `&lt;script src="ajax.js"&gt;&lt;/script&gt;`:引入了一个名为`ajax.js`的JavaScript文件,该文件将处理与服务器的通信逻辑。 3. **样式定制**: - `#register`:定义了一个宽度为400像素的容器,用于居中显示注册表单。...

    ajax+mysql 教程

    4. **处理结果**:通过`mysqli_fetch_array()`或`PDO::fetch()`获取查询结果,然后将这些数据编码为JSON或XML,便于Ajax接收。 ### 三、Ajax与MySQL实战 1. **数据提交**:使用Ajax的POST方法发送表单数据到PHP...

    一头扎进Ajax&Json;视频教程 java1234出品

    Ajax(异步JavaScript和XML)和Json(JavaScript Object Notation)是Web开发中的关键技术,用于构建动态、交互性强的网页应用。本视频教程由java1234出品,旨在帮助学习者深入理解和掌握这两项技术。 Ajax的核心...

    一头扎进Ajax&Json视频教程第三讲A

    在本节视频教程“一头扎进Ajax&Json视频教程第三讲A”中,我们将深入探讨JavaScript中的异步数据传输技术——Ajax(Asynchronous JavaScript and XML)及其与JSON(JavaScript Object Notation)的数据交换格式。...

    Ajax&amp;Json基础学习和redis基础学习.zip

    通过阅读压缩包中的学习笔记和练习源码,你可以深入理解Ajax的异步通信机制、JSON的数据交换格式以及Redis的数据存储和操作。同时,参考配套博客中的内容,可以更全面地掌握这三个技术的使用场景和最佳实践。在实践...

    接口ajax练习

    这个“接口ajax练习”显然旨在帮助开发者熟悉如何封装Ajax接口,以便更方便地获取和处理数据,比如从网易新闻这样的网站获取实时资讯。 **一、Ajax基本原理** Ajax的核心是JavaScript对象XMLHttpRequest,它允许...

    一头扎进Ajax&Json视频教程第三讲B

    在本节"一头扎进Ajax&Json视频教程第三讲B"中,我们将深入探讨AJAX(Asynchronous JavaScript and XML)技术及其与JSON...通过实际案例和练习,加深对AJAX与JSON结合使用的理解,将有助于提高网页应用的交互性和性能。

    springboot+vue练习1

    在练习中,开发者需要理解JSON格式的数据交换,以及如何处理API请求和响应。 4. **Maven/Gradle**:SpringBoot项目通常使用Maven或Gradle作为构建工具。开发者会学习如何配置pom.xml或build.gradle文件,管理项目...

Global site tag (gtag.js) - Google Analytics