ajax实例详解(2)

  说到ajax当然离不开json格式了。在ajax的数据传递过程中用到最多的便是json格式了吧。

  什么是json格式,在刚开始用它的时候,着实让人迷茫了一阵子呀。说的白了点所谓json不就是一种数据的格式嘛。

而我们只要理解这种格式,就可以用ajax方便的传递数据了。说到json格式又要说到js中的对象和数组。所以说知识都是相互

联系的,知识的融会贯通还是很重要的。

  json语法是JavaScript对象表示语法的子集。虽然json简单的说就是js中的对象和数组。但是用ajax向后台传递json格式的

数据时还是要转换一下。否则在后台无法成功获得数据。

前台js代码

      var dayTimeObj={}; //声明一个js对象
      var dayTime=[1,2,3,4]; // 声明一个js数组
      dayTimeObj.rows=dayTime;//属性
 $.ajax({
               url:"InsertData.do",
               type:"post",
               dataType:"json",
               data:{
                   "dayTimeObj":JSON.stringify(dayTimeObj),
               },
               success:function (data){
                   if(data){
                       alert(" ok");
                   }

           });

在后台获得json数据

后台java代码

import net.sf.json.JSONArray;
import net.sf.json.JSONObject;

response.setContentType("text/json; charset=utf-8");
String dayTimeObj=request.getParameter("dayTimeObj");

JSONObject tt=JSONObject.fromObject(dayTimeObj);//封装成json对象
Object a=tt.get("rows");
JSONArray jsonArray2=JSONArray.fromObject(a);//封装成数组对象
for (int i = 0; i < jsonArray2.size(); i++) {
            //循环获得数组的值
                                    }
时间: 2024-10-05 23:40:03

ajax实例详解(2)的相关文章

用户登录验证Ajax实例详解

程序的思路主要是:页面加载时调用init判断客户端是否存有网站所需的cookies,如果有的话取相应cookies到服务端验证,通过验证显示成功提示,反之显示登录框,同样如果没有所需cookies也显示登录框直到用户输入正确的用户名和密码.整个过程两次用到了ajax,一次是用户输入用户名和密码点击登录按钮后,另一次是页面加载时的用户名和密码验证,其实两个过程调用的是同一个函数parseLogin,这个函数主要负责与远程(也就是"?action=login")通讯,而"?act

ajax实例详解

var params = { version:new Date().getTime()//版本标志,为了防止IE参数一样不做数据请求 }; $.ajax({ url: "StroeList.do",   // 发送请求给一个sevlet data: "now="+params,  dataType: "json",   // 以json格式返回 type:"POST", // 请求方式 success: function(sr

ajax入门详解

l 一个实例 在开始正式讲解 Ajax之前,首先让我们先来看看Google Map使用Ajax改善其产品设计的效果. 1. 在浏览器地址栏中输入http://maps.google.com打开Google Map的界面. 2. 在页面顶端的搜索框中输入“China”,单击“Search”按钮. 3. 单击地图右上角的“Satellite”按钮,切换到卫星界面. 4. 调整地图左上角的尺寸,方法或者缩小当前区域.可以看到,地图区域的图象根据标尺的位置快速的变换. 5. 按住鼠标左键,拖拽地图,地图

触碰jQuery:AJAX异步详解

触碰jQuery:AJAX异步详解 传送门:异步编程系列目录…… 示例源码:触碰jQuery:AJAX异步详解.rar AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它并非一种新的技术,而是以下几种原有技术的结合体. 1)   使用CSS和XHTML来表示. 2)   使用DOM模型来交互和动态显示. 3)   使用XMLHttpRequest来和服务器进行异步通信. 4)   使用javascript来绑定和调用.

触碰jQuery:AJAX异步详解(转)

AJAX 全称 Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).它并非一种新的技术,而是以下几种原有技术的结合体. 1)   使用CSS和XHTML来表示. 2)   使用DOM模型来交互和动态显示. 3)   使用XMLHttpRequest来和服务器进行异步通信. 4)   使用javascript来绑定和调用. 通过AJAX异步技术,可以在客户端脚本与web服务器交互数据的过程中使用XMLHttpRequest对象来完成HTTP请

Spring MVC 3.0.5+Spring 3.0.5+MyBatis3.0.4全注解实例详解(四)

这一章大象将详细分析web层代码,以及使用Spring MVC的注解及其用法和其它相关知识来实现控制器功能.     之前在使用Struts2实现MVC的注解时,是借助struts2-convention这个插件,如今我们使用Spring自带的spring-webmvc组件来实现同样的功能,而且比之以前更简单.另外,还省掉了整合两个框架带来的不稳定因素.     对于Spring MVC框架,我主要讲一下它的常用注解,再结合一些示例进行说明,方便大家能够快速理解.     一.Spring MV

jquery插件图片延时加载实例详解(转)

jquery插件图片延时加载实例详解 效果预览:http://keleyi.com/keleyi/phtml/image/index.htm 使用方法:1.导入JS插件 <script src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="http://keleyi.com/

jQuery对html元素的取值与赋值实例详解

jQuery对html元素的取值与赋值实例详解 转载  2015-12-18   作者:欢欢   我要评论 这篇文章主要介绍了jQuery对html元素的取值与赋值,较为详细的分析了jQuery针对常见html元素的获取与赋值技巧,非常简单实用,需要的朋友可以参考下 本文实例讲述了jQuery对html元素的取值与赋值方法.分享给大家供大家参考,具体如下: Jquery给基本控件的取值.赋值 TEXTBOX: ? 1 2 3 4 5 var str = $('#txt').val(); $('#

Vue 实例详解与生命周期

Vue 实例详解与生命周期 Vue 的实例是 Vue 框架的入口,其实也就是前端的 ViewModel,它包含了页面中的业务逻辑处理.数据模型等,当然它也有自己的一系列的生命周期的事件钩子,辅助我们进行对整个 Vue 实例生成.编译.挂着.销毁等过程进行 js 控制. Vue 实例初始化的选项配置对象详解 前面我们已经用了很多次 new Vue({...})的代码,而且 Vue 初始化的选项都已经用了data.methods.el.computedd等,估计您看到这里时,应该已经都明白了他们的作