使用jsp处理ajax请求(JSON)

使用jsp处理ajax请求(JSON)
使用jsp处理ajax请求(JSON)

使用jsp处理ajax请求——数据类型JSON 使用jsp处理ajax,我认为是最简单的一种实现方法,也是最基础的用法。基本实现过程是在jsp上通过XML XMLHttpRequest向接收请求的页面或文件发送消息,得到响应的返回值,局部刷新页面,达到异步处理的效果,本文介绍的是由jsp页做处理,返回json的情况。

首先创建一个jsp,这里编写关于提交的内容,例如:

表单是一个普通的form,红框中的内容是一个按钮,他调用的js是对文本框中的内容进行校验,这部分使用ajax进行异步操作,局部刷新。

首先创建一个名为getXmlHttpObject的js,让系统自己判断当前浏览器的类型,因为不同的浏览器在实现ajax的时候会有差异。

本例中的checkName(),是对文本框中的内容进行校验,这部分的js是使用post的形式实现ajax提交:

首先,前一个名为getXmlHttpObject的js如果有正确的返回值,则视为真,if判断可以进行。

Url是post的基本地址,data是传递的值,这里$(‘username’).value是通过

从form里获得的id为’username’的控件的值。

Chuli是后面回调函数的函数名,注意不要加括号。

回调函数

JSON类型的返回值,使用responseText的类型进行接收,首先要使用eval(“(“+mes+”)”)这种格式将接收的字符串转化成对象。然后取得对象中的元素。

执行ajax的时候,readyState有4个状态,当状态码到4的时候,才开始处理后面的程序,并且需要从status判断code,只有code的status是200是才表示返回的请求正确。上图中作了调试的判断。

‘myres’是页面上局部刷新时显示的内容

默认宽度为0,表示不显示,刷新后会让回调函数得到的内容给他赋值。

数据种类包括text/json/xml,本文只讨论json类型的返回。

Ajax处理页

实际是xmlhttprequest把请求提交给这里,这里再异步向真正处理请求的位置完成操作。如果ajax的处理由一个jsp实现,则可以是:

通过request从上一个页面获得参数;

Json数据的格式固定为{“element1”:”value1”,”element2”:”value2”};

注意如果是jsp的文件,需要使用转义字符\处理大括号里面的双引号。

最基本的数据定义方式

一个json中也可以包含多个组,外面用[],里面用逗号分隔,使用时注意脚标。

还可以给每个[]的部分起名,使用时注意引用方式。

以上三种数据使用方法可以混用,注意好引用的对象即可。

No-cache的操作是页面操作不设置缓存,避免浏览器使用缓存文件不真实提交;

Out.println的内容,由于是ajax,这部分被返回到提交页面的reponseText,在局部刷新时使用。

由此最基本的ajax功能实现。

后台转换JSON数据类型,前台解析JSON数据等等例子总结

后台转换JSON数据类型,前台解析JSON数据等等例子总结 JSON对象: JSONObject obj = new JSONObject(); obj.put("result", 0); obj.put("message", message); return obj.toJSONString(); 前台解析: Success:function(data){ var result = data.result; var message = data.message; } json对象中有json对象的写法: Objstr为一个JSONObject obj的String转换 private String getsuccess(String objstr,int number){ JSONObject obj = new JSONObject(); obj.put("result", 1); obj.put("obj", objstr); obj.put("number", number); return obj.toJSONString(); }

前台解析: Picjson为success返回的data var result = picjson.result; if (result==1) { var objdata = picjson.obj; var data = eval('(' + objdata + ')'); var num = picjson.number; picurl = null; showpiclist(data, num); } else{ alert(picjson.message); picurl = null; } list转成json对象 需要的包: https://www.360docs.net/doc/a715914191.html,mons-lang.jar https://www.360docs.net/doc/a715914191.html,mons-beanutils.jar https://www.360docs.net/doc/a715914191.html,mons-collections.jar https://www.360docs.net/doc/a715914191.html,mons-logging.jar

jQuery+AJAX+JSON

jQuery 1. 什么是jQuery?? jQuery是一个优秀的JavaScript框架,一个轻量级的JavaScript类库。 jQuery的核心理念是Write less,Do more。 使用jQuery可以兼容各种浏览器,方便的处理HTML、Events、动画效果等,并且方便的为网站提供AJAX交互。 2.jQuery的特点: 利用选择器来查找要操作的节点,然后将这些节点封装成一个jQuery对象,通过调用jQuery对象的方法或者属性来实现对底层被封装的节点的操作。 好处:a、兼容性更好;b、代码更简洁 3.编程步骤: step1、使用选择器查找节点 step2、调用jQuery的属性和方法 4.jQuery对象与DOM对象之间的转换 1. 什么是jQuery对象?? jQuery对象是jQuery对底层对象的一个封装,只有创建了这个对象,才能使用类库中提供的方法。 2. DOM对象 ----> jQuery对象 DOM对象向jQuery对象的转变很容易,外面追加$和圆括号即可。 function f( ){ var obj = document.getElementById(‘d1’); //DOM -> jQuery对象

var $obj = $(obj); $obj.html(‘hello jQuery’); } 3. jQuery对象 ----> DOM对象 jQuery对象向DOM对象转化,通过调用get方法加参数值0即可$obj.get(0)。 function f( ){ var $obj = $(‘#d1’); //jQuery对象 -> DOM var obj = $(obj).get (0); obj.innerHTML = ‘hello jQuery’; } 5. jQuery选择器 1. 什么是jQuery选择器?? jQuery选择器是一种类似CSS选择器的特殊说明符号,能够帮助jQuery 定位到要操作的元素上,使用了选择器可以帮助HTML实现内容与行为的分离。只需要在元素上加上Id属性。 2. 选择器的种类 a、基本选择器 #id根据指定的ID匹配一个元素 .class根据指定的类匹配一个元素 element根据的指定的元素名匹配所有的元素

Jquery Ajax 异步处理Json数据

啥叫异步,啥叫Ajax.咱不谈啥XMLHTTPRequest.通俗讲异步就是前台页面javascript能调用后台方法.这样就达到了无刷新.所谓的Ajax.这里我们讲二种方法 方法一:(微软有自带Ajax框架) 在https://www.360docs.net/doc/a715914191.html,里微软有自己的Ajax框架.就是在页面后台.cs文件里引入 using System.Web.Services 空间然后定义静态方法(方法前加上 [WebMethod]) [WebMethod] public static string ABC(string ABC) { return ABC; } 好了,现在我们谈谈前台Js怎么处理后台返回的数据吧,可利用Jquery处理返回的纯html,json,Xml等数据.这里我们演示返回返回的数据有string、集合(List<>)、类. 但都返回Json格式(Json轻量级比XML处理起来简单).看看前台是怎么解析这些数据的. 代码如下: 前台页面: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> 无标题页